スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Webデザインの配色について学ぶときに読んでおきたい14の記事

このブログをみてお分かりのように、私は思い切った色使いがなかなかできません。どうせセンスがないしと諦めても仕方ないし、恐らくセンスがないのではなく勉強していないだけですし、言い訳はせず勉強することにしました。

web-color-tittle.png

ということでWebデザインの配色について学べる記事を集めてみました。

基礎的なものから並べてみましたので、順番に読んでいけば色についての知識は深まると思います。「センスがない」という言い訳をして、実は勉強していなかっただけだということに気付く人もいるかも。

色彩センスのいらない配色講座

webdesign-clip.png

基本から分かりやすくまとめられているスライドです。サブタイトルの「色は理論的に説明できる」っていうのがなんかかっこいい。

絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎 | 秋田県webデザイナー【weblog】

webdesign-clip.png

基本的な内容を親切に分かりやすく説明してくれていますので、これから勉強するという方にぴったりです。

同色系でまとまりのある配色、WebデザインにするためのTips

webdesign-clip.png

同系色のサイトを具体例を交えて解説しています。その他にも色の基本などもかなり詳しく分かりやすく説明してくれています。

Webサイト制作において、私なりの色選定の考え方 | Arch

webdesign-clip.png

コカコーラやペプシのサイトを例に分かりやすく説明してくれています。普段何気なく見ているも実はすごく考えられているんだなと感心します。

配色パターンからWebデザインを考える | Webクリエイターボックス

webdesign-clip.png

色についての基本、色が与える印象、色を決める際のポイントなど幅広く紹介されています。実際にあるサイトを元にした解説もあるので分かりやすいです。

配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com

webdesign-clip.png

色を決める際の4つの行程が紹介されています。

色と人の感覚とウェブデザインのはなし - バニデザノート

webdesign-clip.png

「あったかく感じる色」「落ち着く色」など与える印象ごとに分かりやすく説明してくれています。

12色の色が与える印象について。配色に困った時のいろいろ。 | Handy Web Design

webdesign-clip.png

色ごとにどのような印象を与えるかが説明されています。配色のポイントについても様々な方法を交えて紹介されています。

カテゴリー別配色アイデア100 | Webクリエイターボックス

webdesign-clip.png

「女の子向け」「子供向け」などのカテゴリに分けて配色アイデアが紹介されています。

配色の基本。メイン・サブ・アクセントカラーを極める!

webdesign-clip.png

メインカラー・サブカラー・アクセントカラーの基本ルールについて解説しています。

配色センス0でも大丈夫!?服、インテリア、デザイン、様々な“色使い”を改善するかもしれない『60-30-10 Rule』! | バンクーバーのうぇぶ屋

webdesign-clip.png

パーセントの違いは色々言われていますが、「メインカラー」「サブカラー」「アクセントカラー」を意識することは大切なことだと思います。

配色に悩んだときに、きっと役立つ7つの配色技法【基本】

webdesign-clip.png

「ドミナントカラー配色」「トーンイントーン配色」など色を選ぶ際に役立つ配色技法が紹介されています。個人的にこの辺はまったく分からないです。

COLOR NOTE > 配色のコツ > 配色技法①

webdesign-clip.png

11種類の配色技法について、その内容や与える印象など紹介されています。

最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン | バズ部

webdesign-clip.png

最後に

ということで配色について学べるサイトを紹介しました。

これらを読んでみて、センスがなくてもちゃんとした理論に基づいて色を決めていけば、センスがいいと思ってもらえるサイトを作れるのかなと思いました。

また、このような色に関する知識を身につけたうえで、様々なサイトを見ると今までと見え方が違ってくると思います。

フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加
  • このエントリーをはてなブックマークに追加
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。