【売れるデザイン】配色の基本と選び方

by 田村健太

2019年6月27日

ホーム » デザイン » 【売れるデザイン】配色の基本と選び方

配色の重要性

配色はデザインでもっとも重要なポイントになります。
配色次第で、「高級感の演出」「明るいイメージ」など様々ないいイメージを与えることもできますし、配色で失敗すると、「チープなイメージ」「信用できないイメージ」になりかねません。今回は、そんな配色のポイントに関してお話しします。

配色の基本

配色の基本は、色を多用しない事です。
色を多様してしまうと、デザインにまとまりがなく、非常にチープな印象になってしまいます。
なので基本的にデザインで使用する色の数は「ベースカラー」「メインカラー」「アクセントカラー」の3種類の色を使用してデザインを行います。また、同じ赤色でも明るい色を利用するか暗めの色を利用するかで印象は大きく異なります。まずは、ホームページで使用する色を考えましょう。

ブランドカラーをアクセントカラーに

基本的にはブランドカラーをアクセントカラーとしてデザインを構成します。ロゴで使用しているカラーなどが該当します。ホームページを作る前にブランドカラーが決まっていない場合は、ブランドカラーを設定することが重要となります。ブランドカラーは、会社のイメージとなるカラーになりますので、その色を見たら会社を彷彿させるような印象に残る効果があります。
例えば、マクドナルドと言ったら「赤」ですよね。facebookと言ったら「青」、ツイッターと言ったら「水色」など、イメージがすぐに浮かぶようにするには、ブランドカラーの設定とその使用が重要となります。

赤の印象

赤色ってどんなイメージですか？
・情熱的
・愛情
・力強い
・購買意欲を高める
・食欲を高める
このような印象があると思います。

オレンジの印象

オレンジの印象は以下の通りです。
・エネルギッシュ
・楽しそう
・親しみやすい
・温かみがある
赤に近いですが、落ち着いたイメージも併せ持ちます。

黄色の印象

黄色ってどんなイメージですか？
・活発的
・明るい
・開放的
・幸福感
このようなイメージを与えます。

緑色の印象

緑の印象は、
・信用できそう
・自然なイメージ
・安心できる
・リラックスできる
非常に落ち着いたイメージになります。

青色の印象

青色は、
・誠実なイメージ
・清潔感がある
・信頼できる
・クール
このようなイメージですね。

紫色の印象

紫の印象は、
・艶やか
・ミステリアス
・大人な雰囲気
です。

ピンクの印象

ピンクは、
・可愛らしい
・女性的
・優しい
・幼い
このようなイメージです。

白色の印象

白色は、
・清潔感
・整理されている
・純粋
というイメージです。

黒色の印象

黒色は、
・高級感
・知的さ
このようなイメージです。

ブランドカラーがまだ決まっていないという方はぜひこの印象を参考にしてみてください。
今回は配色に関してでした。NiGLANでは、細かい配色設定が可能です。どのような色でもぜひご相談ください。

田村健太

NiGLAN代表の田村健太です。ブログ歴8年のSEO知識と経験の元、SEOに強いホームページを制作いたします。私のブログも50万アクセスと個人ブログの中でも上位のアクセス数を勝ち取っているので、安心してお任せください。Illustrator,Photoshopの歴は8年、HTML,CSSの歴は4年となっています。