配色を考えるのが苦手な人のための色の選び方

配色が苦手

はじめまして!今回初投稿のこてつです。WEB歴2年半の若輩者ですがこれからどんどん頑張っていきますのでよろしくお願いします!
今回は、デザインを考えるのが苦手。。配色を考えるのが苦手。。そんな人の為に簡単に美しい配色を決める方法をご紹介したいと思います。

まずは色の3属性を知ろう。

●色相…赤、黄、緑、青、紫といった色の違いをいいます。

●明度…色の明るさを意味します。

●彩度…色の鮮やかさを意味します。

配色の比率を考える。

配色の比率についてですが、ベースカラー70%、メインカラー25%、アクセントカラー5%でデザインするのが美しいとされています。

実際に色を決めてみる。

●メインカラーを決める。
これはサイトのメインの色になります。
なるべく明度を抑えた見やすい色を選びます。

●ベースカラーを決める。
これはサイトの背景とかに使う色です。
なるべく明度の高い目が痛くならない色を選びます。
メインカラーを明度を高くしたものを選ぶのもいいです。今回は白にしてみます。

●アクセントカラーを決める。
これは文字通りアクセントになる色です。
鮮やかな色を選びます。
色相環(下の円の図)のメインカラーの逆の色を選ぶと楽ちんです。
ちなみに色相環の逆の色を補色といいます。

図:色相環

完成見本!!

こんな感じになります。

サイト ロゴ

参考になりましたでしょうか?
ちなみに3色以上使う場合の比率は、ベースカラー70%は変えず、メインカラーやアクセントカラーの比率を分割してデザインするとキレイに見えます。
配色に困ったときは是非この記事を参考にデザインしてみてください。

この記事は
こてつが書きました。
入社2015年
出身地東京
スキル野球、漫画、スルースキル

今日のひとこと:この間はじめて富士急に行きました。ナガシマスカ?

サイト内検索
TOP