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

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

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

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

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

15社限定

あなたのコンテンツ品質を診断します

「記事を公開してもSEOで上位表示できない」と感じているのであればそれはコンテンツの品質が原因かもしれません。

もし、思い当たる節があるなら一度無料でコンテンツ品質診断を受けてみませんか？

• 「私たちが良いコンテンツを作成する上で大事にしている ポイント」を5つの定量指標にまとめ、その内容を基にあなたの記事を採点 (定量的な診断)
• バズ部のコンサルタントによる記事内容のフィードバック (定性的な診断)

大きくこの2点の診断を行い、あなたのメディアの記事は「何が足りないか」「どの点を改善すればメディアの成果に繋がるか」をレポートにまとめてお伝えします。

無料診断レポートを申し込む

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

画像を拡大して表示する

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

参照：blog.kissmetrics.com

まとめ：

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

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

ランディングページをより深く理解したい方へ。バズ部のノウハウを全て詰め込みました。