色彩心理学とマーケィング｜読者に好印象を持たれるためのサイトカラーの選び方

　

この記事を書いている人 - WRITER -

中村　悠

福岡在住、2人の娘を持つセールスコピーライター。 福岡在住、2人の娘を持つセールスコピーライター。 「”未来に残すべき商品”の価値を引き出す」という信念のもと、「読み手が正しい行動ができるように導く文章」を書くことを心掛けている。 最近の悩みは、4歳と1歳の娘のパワフルさに体力面がついていかないこと。 最近の悩みは、4歳の娘のパワフルさに体力面がついていかないこと。

詳しいプロフィールはこちら

どうも、コピーライターの中村です。

あなたは、自分のブログの見た目って気にするタイプですか？

僕はかなり気にするタイプです。笑

実際、サイトの見た目って僕だけじゃなく、多くの人が頭を悩ませている問題なんです。

とくに、ブログを使ってブランディングしたいと考えている人などは、かなりこだわりが強いですよね。

WordPressを使っていれば、テーマによっては色の配色も簡単に変えることができるので、色々試しているかもしれないですね。

関連記事：サイトカラーを自由に変更できるWordpressテーマについての記事

ただその配色、「自分が好きな色」になっていませんか？

意外と見落としがちですが、サイトにおけるカラーイメージって意外と大事なんです。

サイトのカラーは、あなたのブログを開いた瞬間の「イメージ」なので、あなたの事を判断される重要な要因になります。

あなたが商品を販売しているとすれば、成約率を分ける１つの要因になるほど、大事なポイントでもあります。

今回お伝えするカラーイメージが与える影響は覚えておいて損はないので、ぜひ参考にしてみてくださいね。

色と心理の密接な関係

実は「色」と「心理」には密接な関係があるんです。

コピーライティングをお伝えしている当サイトとしては、色の心理効果を外すことはできないわけですね。

特にサイトにおける、メインカラーがもたらす印象の影響力は大きいんです。

たとえば、サイトのメインカラーが黒で文字がピンクで書かれたサイトを見た時にどんな印象を持つでしょう？

中にはそういう配色が好きな方もいるかもしれませんが、一般的な目線でみると、かなり怪しいサイトになっちゃいますよね？

僕もリサーチの為に、いろいろなサイトを見たりしますが、中には多種多様な色をごちゃ混ぜにしたような配色のサイトを見かけることもあります。

あまり奇抜な色を使いすぎてしまうと、読み手から見たときに不信感につながる危険もあるので注意が必要です。

デザインだけに限った事ではないですが、なるべくシンプルにあなたのイメージを伝える配色にするのが、ビジネスでは鉄則です。

ビジネス用とアート作品は違うというわけですね。

ちょっと話がそれちゃいましたが、今回はカラーが読み手に与えるイメージについてお伝えしていきますね。

色彩心理学の基本となる「マンセル・カラー・システム」

色を人に伝えるのは難しいですよね。

たとえば、「青」を口頭で伝えるにはどうしたらいいでしょうか？

口頭だけで伝えることを考えると、あなたのイメージしている「青」を相手にイメージしてもらうのは、かなり難しいことがわかるはずです。

ではどうしたらいいのか？

そこで、色を体系的に表現できるものが必要になるわけですね。

ただ、色の表記方法はたくさんあるので、今回は世界的にも使われている「マンセル・カラー・システム」を使ってお話ししていきます。

マンセル・カラー・システム (Munsell color system) とは

色を定量的に表す体系である表色系の1つ。色彩を色の三属性（色相、明度、彩度）によって表現する。マンセル表色系、マンセル色体系、マンセル システムとも言う

引用：Wikipediaより抜粋

これは「色相環」と呼ばれるもので、基本的には１２色の配色で分類され、上の図はそれをさらに細かく分類しているものです。

色相環の詳細については、理解する必要はないので、基本的な色の与えるイメージがどんなものかをお伝えしていきますね。

ブログのサイトカラーが読者にもたらす心理効果

実は、色にはそれぞれ読み手に与えるイメージがあります。

簡単にお伝えしておくと、

◆赤：激しい、生命力、情熱的、行動的、革命的、活気、エネルギー、興奮、健康

◆ピンク：優しさ、穏やか、愛情、柔軟、女性的

◆オレンジ：活気、親しみ、健康、躍動、元気、陽気、新鮮、にぎやかな

◆黄色：快活、歓喜、軽快、希望、注意、幸福

◆緑：平和、健康、安全、自然、安らぎ、癒し、生命、潤い、親愛

◆青：冷静、さわやか、誠実、消極、無限、真実、知性、清涼

◆紫：高級、上品、美意識、神秘、妖艶、優雅、芸術、気品

◇白：純粋、清潔、無垢、神聖、純真、善良、素直

◆灰色：清潔、純潔、勝利、迷い、曖昧、無気力、地味

◆黒：高級、厳粛、硬い、絶望、、不信、死、静寂、罪悪、重厚

以上、１０色が基本と呼ばれる色と与えるイメージの概要となります。

それぞれの色に、プラスとマイナスの両面がありますが、まずは、この意味合いを把握しながら、どの色をサイトのメインカラーにしていくか考えていくと、大きく外さずに済むはずです。

ポイントは、あなたが「サイト訪問者にどんなイメージを与えたいのか？」

この点をベースにして決定する必要があるわけですね。

たとえば、僕のサイトの場合は「コピーライティング研究所」という打ち出しをしているので、第一印象で「ちゃんとしていて信用できそうだ」と感じてもらうことを意識しました。

ただ、キチンとしたイメージを持ちつつ、親しみやすいサイトにしたかったので、そんな理由もあったので、メインカラーは深みのある赤茶にしつつ、イラストを使ったり、グリーン基調の配色も織り交ぜているわけですね。

ブログで記事を書く時のおすすめの配色

サイトのメインカラーは「どんな印象を持ってもらいたいか」を優先して選ぶことをお勧めしましたが、文字の配色にも気を遣う必要があります。

読まれやすいブログ記事を書くには、内容のほかに使う色についても、意識すべき4つのポイントがあるのでお伝えしておきます。

聞けば「そりゃそうだ」と思うかもしれませんが、意外と出来てないサイトが多いので、気を付けてくださいね。

では、読みやすい記事を作るための4つのポイントはというと？

• サイトの背景色は「白」
• 文字色は「黒」
• リンク文字は「青」
• 重要な部分は「赤」

記事を書いていく際には、この４色を基調に書いていくことでシンプルで読みやすい記事になります。

サイトの背景色は「白」を基調とした配色がおすすめな理由

背景を白にしたほうがいい理由は単純に「見やすいから」です。

背景が「黒」だとダークなイメージを持ってしまいますし、「赤」や「黄」といった背景にしてしまうと、目がチカチカして、読むほうからすれば、たまったもんじゃありません。

趣味のサイトであれば、花柄や木目などの背景や、ピンクや黄色を使った文字色でもいいと思いますが、派手にすればするほど、サイトに来てくれた人にとって読みにくい記事になります。

というわけで、よっぽどの理由がない限り、背景は目に優しい「白」一択と言えるでしょう。

読みやすい記事を書くための鉄板の配色

背景は白にしたほうがいいとして、記事を構成する文字はどういう風にしたらいいと思いますか？

先ほども書きましたが結論をいうと、

1. ベースの文字は「黒字」で書いていく
2. リンクを張りたい部分の文字は「青字」にする
3. 記事の中で重要な部分は黒で太字、最重要部分は「赤字」で書く

この３色を使って書いておけば、間違いはありません。

たまにリンクを張っている部分ではなく、強調したい部分を青字で書いている方を見かけますが、読み手からすると紛らわしいので、やめておいたほうが無難です。

今、お伝えしたように、配色も相手目線で決めていかないと、あなたがどんなにいい記事を書いても読んでもらえないということにもなりかねません。

読んでもらわない事には、話が始まりませんので「読み手にとっての読みやすさ」も気を付けて配色を決めてみてくださいね。

まとめ

いかがだったでしょうか？

サイトのデザインを考えようとすると、膨大な時間がかかりますが、サイトのメインカラーを変えるくらいならば３０分もあればできてしまうはずです。

ちなみに、僕の使っているエレファントというWordpressテーマならば、色さえ決めておけば、配色を変えること自体は10秒で出来ます。

色が与えるイメージはバカにできないものがあるので、あなた自身が読み手にどういうイメージを持たれたいのか？を考えて、あなた自身のイメージカラーを決めてみてください。

しっかりと考え抜かれたカラーは、訪問者が訪れた際にあなたのサイトに対して強い印象を与えるはずです。

あなたの発信したい内容とメインカラーを合わせる。

この作業が出来ていないサイトは意外と多いので、今回お伝えしてみました。

ではでは、最後まで読んでいただきありがとうございました＾＾

⇒当サイトに来られた方はこちらのページもご覧になっています