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

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

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

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

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

また、私たちバズ部は12年で400社以上のメディア支援を行い、

• 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア
• 8ヶ月で月間140万PVを実現したアプリメディア

など大きな成果を挙げ続けている。

各サイトの成功要因をインタビューしているので、
あなたのサイトに役立てて欲しい⇒25サイトの成功事例インタビューはこちら

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

画像を拡大して表示する

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

参照：blog.kissmetrics.com

成功したオウンドメディアの要因を学ぶ

• 

  累計106億円の売上を叩き出した不動産会社のコンテンツマーケティング事例

  1

• 

  わずか8ヶ月で月間140万PVを実現したアプリ企業メディア成功事例

  2

• 

  問い合わせが月4,400件以上！自社メディアで驚異的なCV数を生み出した弁護士事務所

  3

まとめ：

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

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