初めてのWebデザイン＆文章の勉強・画像素材のまとめ記事7選 ブロガーやWeb関係者は必見
- 必見!ノンデザイナーがデザインの基礎を学ぶための記事やサイト15選！！
- ブックマークしてない？良質なCSSテクニックなどが学べる記事19選
- 保存版 ブロガーやWebサイト製作者が見ておくべきまとめ記事やサービス16選
- Illustrator初心者に向けたオススメのチュートリアルまとめ記事7選
- 保存版の初心者向けPhotoshopのチュートリアルや素材まとめ記事12選
- 保存版 オススメのフリーフォント選びや使い方のまとめ記事7選
- 保存版のキャッチコピーの作り方や文章力向上のための記事6選
- 保存版！オススメの無料で高品質なブログ写真＆壁紙ダウンロードサイト8選＋2選
- オススメ記事
この記事では当サイトがまとめた記事のさらにまとめをしています。
この記事はデザイン初心者、ブロガー、ウェブサイト製作者、文章を書く人、無料で写真がほしい方にオススメの記事をまとめています。
まとめのまとめのまとめ記事になってしまいましたが、Web関係に興味のある方はこの記事から辿って様々な記事を見ていけば、スキルアップすることができると思います。
それえでゃ、まとめ記事を紹介していきます。
保存版のキャッチコピーの作り方や文章力向上のための記事6選
- 『読者を惹き付けるブログのタイトル』Cheat Sheetを作らされたｗ
- 人を動かすキャッチコピーの作り方｜本質的5つのステップ＆テクニック
- 購入率が絶対上がる！「刺さる」キャッチコピー4つの作り方
- 事例から学ぶ、優れたキャッチコピー10選。最終回「情景が浮かぶコピー」
- 読むだけで文章力が驚くほど向上する!? 良質12記事をまとめてみた
- 文章が苦手でも、ビジネスシーンで「わかりやすいドキュメント」を作成する方法
- まとめ
- オススメ記事
この記事ではタイトルの付け方や文章力を上げるための記事を紹介しています。
インパクトのあるタイトルの記事はついつい見たくなってしまうものです。ブログの記事であろうと、商品であろうと詳しく見てもらわないと意味がありません。まずは内容を詳しく見てもらうための足掛かりとしてタイトルやキャッチコピーを強化することをオススメします。
保存版 ブロガーやWebサイト製作者が見ておくべきまとめ記事やサービス16選
- SEO関連
- 検索順位を上げるには？SEOの基本から内部・外部対策までおすすめ記事9選
- 効果的なSEO対策を実現するWEBコンテンツ設計の仕方「４つの手順」
- SEOとコンテンツ改善で売上がたった半年間で16倍！ 高速PDCAの回し方を大公開
- SEOキーワード選定方法～バンバン検索上位に入るブログ記事の書き方【保存版】
- SEOの情報収集において最低限、見ておくべきブログ・サービスまとめ
- ネットショップ運営者がGoogleアナリティクスで見るべき基礎ポイント3つ
- 便利なツールや記事
- 1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ
- 2015年総まとめ：Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
- こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類 総まとめ
- これからのWeb制作に役立つ、69個の有益で大切なポイントのまとめ -69 Website Design Tips
- 個人でもサイト立ち上げ時は実施すべき7ステップ
- BtoBサイトの「SEO対策」「導線設計」「コンテンツ設計」を強化するサイトマップの作り方
- ネットショップのロゴをつくろう
- sitemap.xmlを作成しよう<内部対策SEO>
- 年間100を超えるランディングページ制作実績！本当に効果がでる8つのポイント公開
- Wix
- オススメ記事
ウェブサイトを制作するときに見ておくと参考になる記事を複数紹介します。チートシートやSEOに関する記事、ウェブサイトを制作するときに便利なサービスやツールが紹介された記事をまとめています。
続きを読む保存版 オススメのフリーフォント選びや使い方のまとめ記事7選
- これだけは知っておきたい、フォントの基本をまとめました。
- 用途、業種に合わせて選べる！フリーフォント組み合わせ完全ガイド
- すべて商用可能！完全無料のフリーフォント素材100+個まとめ 2015年度
- 商用利用OK、無料ダウンロードできるフリーフォント100個まとめ
- The 100 best free fonts
- 【2016年版】無料ダウンロードできる、筆記体フリーフォント35個まとめ
- 味わいのあるデザイン制作、手書きフリーフォント35個まとめ
- まとめ
- オススメ記事
Webデザインにおけるフォントについて詳しく学びたいときに見ておきたい記事を幾つかピックアップした記事です。
オススメのフリーフォントみたいな記事は多いです。今回はオススメのフリーフォントを紹介する前にフォントにはどのような種類があるのかなどフォントについての基本情報が書かれた記事を先に紹介します。
この記事では以下のことを紹介します。
- フォントの基本情報の紹介記事
- フォントの組み合わせ方の紹介記事
- 人気のあるフリーフォント紹介記事
- 手書きのようなフリーフォント紹介記事
保存版の初心者向けPhotoshopのチュートリアルや素材まとめ記事12選
- Photoshopチュートリアルまとめ
- これだけでPhotoshopをひと通り学べる！押さえておきたい基礎チュートリアル10選
- PhotoshopVIPの2015年を振り返って〜 年間人気エントリー30選まとめ
- 歳末総まとめ！2015年すごいPhotoshopチュートリアル年間ベスト50
- 【総まとめ】2014年すごいPhotoshopチュートリアル、作り方厳選50個
- 2011年に公開された、すごいPhotoshopチュートリアル総集編
- 豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」
- 【 Photoshop小技！】ホワイトバランスが狂っている商品写真（白背景）を一発でなおす方法
- Photoshop素材
- 写真加工がたのしくなる、Photoshop無料アクション素材まとめ
- ワンクリックで画像編集が完了！Photoshopアクションファイル60選
- 写真をもっと高品質かつイメージアップさせられるフリーPhotoshopアクション「50 Time-Saving and Free Photoshop Actions」
- Photoshopマジック！デザイン制作に活用したい無料モックアップPSD素材まとめ
- カラー
- デザインやイラストに取り入れたい！2016年のトレンドカラーはやさしい色、春の10色も素敵なカラーが揃ってる！
- まとめ
- オススメ記事
この記事ではPhotoshopのチュートリアルやアクション素材などのまとめ記事を紹介しています。
また、この記事はこれからPhotoshopに挑戦したい方、新しいテクニックを取り入れたい方にオススメの記事となっています。
続きを読むIllustrator初心者に向けたオススメのチュートリアルや素材のまとめ記事7選
- Illustratorチュートリアル
- スキルアップのためには場数を増やせ！Illustratorチュートリアル60選
- 【総まとめ】2014年すごいIllustratorチュートリアル、作り方厳選50個
- Illustratorを学ぶ！すごいデザインチュートリアル2013年総まとめ
- ここまでできるIllustrator！すごいデザインチュートリアル、作り方まとめ 2015年8月度
- ベジェ曲線が苦手な人に！PhotoshopとIllustratorのペンツールで思い通りに描けるようになる知って得する2つのこつ
- Illustrator素材
- Illustratorで美しくデザインされた、ユーザーフローを設計するワイヤーフレーム用のAI素材
- Illustrator小技・テクニック
- Illustratorの3D効果でむずかしい傘のイラストを簡単に描く方法
- オススメ記事
この記事ではIllustratorのチュートリアルを主に紹介しています。
私自身Illustrator初心者であるため、あらかじめIllustratorのチュートリアルのリンクをまとめておきたいと思い、この記事を書きました。
Illustratorをこれから始める初心者の方やすでにIllustratorを使用している方の参考になると幸いです。
また、まだまだ足りない記事もあると思うので、良質な記事などを見つけたときに随時更新していきたいと思います。
では、チュートリアルなどを紹介していきます。
続きを読むブックマークしてない？良質なCSSテクニックなどが学べる記事19選
CSSのエフェクトやアニメーションって様々なものがありますよね。そこで、この記事ではCSSについての記事を様々なものをまとめてみました。
例えば、以下のようなものを紹介しています。
- CSSを生成してくれるオンラインツールまとめ
- 数十ものCSSのテクニックまとめ
- テキストに関するCSSのエフェクトまとめ
- ボタンのエフェクトまとめ
- 見出しのCSSまとめ
- etc
このように多くのことを紹介しているので是非保存版として活用して下さい。
続きを読む
必見!ノンデザイナーがデザインの基礎を学ぶための記事やサイト15選！！
- デザイン基礎のための記事やサイト
- HTMLとCSSの基本をサルでもわかるようにまとめてみようと思う。
- 読むだけでWebデザインを独学できる！絶対押さえておくべきサイト10選
- ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
- ノンデザイナー必見！ 絶対に見ておきたいデザインスキルアップできる記事12選
- 今更聞けない！エンジニアのための CSS の基礎講座 〜ボックスモデル編〜
- デザイン基礎のための動画サイト
- Webデザイン無料動画講座
- ドットインストール
- CODEPREP
- Progate
- レイアウト基礎
- Webデザインの基本が身につく！ページのグリッド・レイアウト・要素配置の効果的な使い方のまとめ
- 文字やフォントの基礎
- ノンデザイナー向けガイド！文字を美しく並べる3つの基本テクニック
- デザイン初心者が覚えておきたい、文字フォントの基礎テクニック26個まとめ
- UIの基礎
- UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
- 写真の基礎
- わたしのデザインセオリー（写真マスク編）
- テクニックまとめ
- コンテンツを盛り上げる、逆引きデザインテクニック
- Webデザインの素材まとめ記事
- WebデザインのアイコンやHTML・WordPressの素材まとめ記事9選
- まとめ
- オススメ記事
私自身デザインをしっかり学んだことはありません。
そこで、私を含めノンデザイナーの方などが参考にできるような記事をまとめてみました。
保存版!マテリアルデザインにオススメのアイコン&ツール7選
マテリアルデザイン用にアイコンを用意するのって大変ですよね。
そんなときに使いたいサイトを紹介します。
また、マテリアルデザインを実装する上で参考になるサイトや素材をダウンロードすることができるサイトも紹介していきます。
