最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン

　WEBサイトのデザインは、誰もが頭を悩ませる部分だ。

「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。

そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。

そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。

WEB配色の２大原理と６つの配色パターン

画像を拡大して表示する

※追記：インフォグラフィックの最後のクレジットの部分が途切れておりました。下記に追加させて頂きます。（６/５）

参照：blog.kissmetrics.com

まとめ：

現在では、WEBサイトだけではなく、ブログやFacebookページ、Twitterアカウントのページ、YouTubeの公式チャネルなど、それぞれのソーシャルメディアツール毎に、統一感のあるページデザインや配色が必要とされている。

そして、WEB配色が人に与える印象は、以前と比べて、非常に大きくなっており、決して軽視することはできない。配色パターンの決定の際は、上のインフォグラフィックを思い出して欲しい。