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

20160502-94
  • このエントリーをはてなブックマークに追加

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

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

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

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

WEB配色の2大原理と6つの配色パターン

画像を拡大して表示する

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

参照:blog.kissmetrics.com

まとめ:

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

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

  • このエントリーをはてなブックマークに追加

無料EBook:バズ部式マーケティング
PPC広告費を1/10にして売上を倍増させる全手法

PPCに頼り切ったマーケティングの打開策としてコンテンツマーケティングについて調べているがよく分からないと悩んでいませんか?

本書は弊社やクライアント様がコンテンツマーケティングに取り組み

  • ・SEOのみで月間100万PV集めた方法
  • ・平均6.92%のコンバージョン率が出た新規顧客獲得法
  • ・CPLやCPAを大幅に改善した方法とそのからくり

など、コンテンツマーケティングの効果と、具体的な施策内容を全94ページに渡って詳細に解説しているものです。

是非、貴社のWEBマーケティングにもご活用下さい。


EBookをダウンロード

最新の記事情報が取得できます

Facebook

「いいね!」ボタンを押すと、最新情報がすぐに確認できるようになります。

Twitter

「フォローする」ボタンを押すと、最新情報がすぐにツイート上で確認できるようになります。

コメントはこちらから

  1. 著作権法第二十七条『著作者は、その著作物を翻訳し、編曲し、若しくは変形し、又は脚色し、映画化し、その他翻案する権利を専有する。』

    翻訳元に許可をとっていなければ問題ですが、もし許可をとって翻訳記事を載せているのでしたら、変な誤解を防ぐ為に本文に許可を得ている旨を記載した方が良いと思います。

    1. talala様

      バズ部ブログをご覧いただき、誠にありがとうございます。
      ご指摘頂いた件に関しまして、インフォグラフィックの著作権に関する掲載許可は取れております。(※念のため証拠の画像を送付させて頂きます。)

      → http://bazubu.com/wp-content/uploads/2012/06/replyfromkissmetrics.png

      ご確認の程よろしくお願い致します。またご不明な点など御座いましたら、コメント欄ではなく、お問い合わせフォームからご連絡頂けますようお願い致します。

  2. This particular post, “最低限覚えておきたいWEB配色の基本2大原理と6つの配色パターン” ended up being
    outstanding. I am creating out a copy to present my friends.

    Thanks for your effort,Darla

  3. ケイトスペード 財布

    I was wondering if you ever considered changing the layout of your blog?
    Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content
    so people could connect with it better. Youve got an awful lot of text for only having 1 or 2 images.

    Maybe you could space it out better?

    1. Thank you for your advice.

      Actually I am planning to change the layout in a couple of month. Hope you will like it!

  4. bauchstraffung

    I am really enjoying the theme/design of your site. Do you ever run into
    any browser compatibility problems? A number of my blog
    audience have complained about my website not working correctly in
    Explorer but looks great in Chrome. Do you have
    any recommendations to help fix this issue?

  5. For most recent news you have to go to see the web and on world-wide-web I found this web page as a
    finest site for most recent updates.

  6. Fantastic post! Will you mind if I ask what are your hobbies?
    Just would like to know a little more about this author :
    )

    1. Thanks for reading my blog!

      My hobbies are running, trail runnning, swimming and basketball! Also, thinking about starting mountain climbing too. And of course I love drinking with my wife, family, and friends. I love sports and food and alchole.

  7. http://www.moldinspectionintoronto.ca

    Do you have other links and resources that you could give to see more details relating to this post?

    Thank you!

    1. Thank you for the commet! I don’t really read other blogs lately. Let me introduce you other blogs when I find ones.

  8. I was excited to uncover this great site. I want to to thank you for your time due
    to this fantastic read!! I definitely appreciated every bit of it and i also
    have you book-marked to check out new information on your blog.