スマートフォンサイトを表示する

  1. TOP
  2. 色彩とコミュニケーション : 第3回 色でブランドを作っていこう

エキスパートコラム

色彩とコミュニケーション(全6回)

第3回:色でブランドを作っていこう

執筆:坂本 邦夫(フォルトゥナ)

2013年7月17日更新

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

閲覧数6,388views

このコラムをPDF形式でダウンロードする

色を使って綺麗にまとめたいというのは、ほとんどの人が考えることでしょうが、その色を使って企業や店舗・サービスの印象を作り、守り続けることで色によるブランドができあがっていくことはあまり考えられていません。Webサイト以外にも色を活用できるシーンはたくさんあり、それらを揃えることで覚えられやすいなどのメリットが生まれます。今回は色で覚えてもらうためのコツをまとめてみます。

色で覚えてもらうには使い続けること

あまり慣れていない場所で、コンビニや銀行のATMなどを探す場合、無意識のうちに看板などの色を利用して探していることがあります。例えばローソンの色は青ですが、これは生まれながらに知っている色ではなく、生活をしている間に見慣れ、覚えてしまった色です。

ウェブサイトの色も同様で、繰り返し見てもらうことでサービス名や商品などを覚えられやすくなります。いったん色を決めたら、気分によって色を変えたり、ページごとで違う色を使ったりせず、できるだけ同じ色を使い続けることが重要です。

ページによって色を変えると、○○色のサイトと覚えられにくい

ページによって、中身の部分は大きく変わりますが、ヘッダやサイドバー・背景色のようにあまり変わらない部分に同じ色を使い続けるだけでも十分同じ色を使い続けていることは伝わります。

また初訪問でのインパクトを出すために派手な色や他のサイトにない色を使うのも大事なテクニックの一つですが、それによってコンテンツが読みにくくなったりすると、情報が取得しにくく、本末転倒になってしまうため、気をつけたいところです。

多くの色を使いたい場合

1つしかウェブサイトを所有していないようなサイトでは、会社のロゴの色やテーマカラー(参考記事:色について考えよう「第2回:これだけは避けたいWebの配色」)をできるだけ長く使い続けるのが原則ですが、複数のサイトや商品ブランドなどを持っているサイトではやや事情が変わります。

例えばこのページの最上部には「media」「ショッピング」「Webサポート」「経営支援・相談」の4つのメニューがありますが、それぞれの色は異なりますし、運営しているKDDI株式会社のロゴの色とも異なります。ただし、それぞれのサイト内の色は統一されています。

関連サイトではあるが、内容が異なるため色を変えてもよい

一般的な商品を扱う企業では、コカコーラのサイトなどもよい例です。コカコーラは誰もが知る赤色で、自動販売機も赤が使われていますが、ファンタはオレンジ色、アクエリアスは青が使われています。

印刷物や販促ツールなどの色も揃える

既にロゴの色が決まっている場合、名刺や会社案内、ショップカードやパンフレットなどの販促ツールの色が揃えられており、ウェブサイトもそれに合わせられているということも多いでしょう。もしそうでないのであれば、可能な限り揃えていき、色で何かを伝えるという姿勢を作り上げていきましょう。

インターネットの登場以降、知らない企業やお店を訪問する前には、まずウェブサイトの色を確認することが多くなっています。そのウェブサイトで見た印象が第一印象ということになってしまうのですが、実際に訪問して見た看板の色が別の色であったり、渡された印刷物の色がバラバラだと、なかなか色の印象は伝わりません。

もし今現在使われている色がバラバラである場合には、まず色で伝えたいイメージを絞り込んでから、ウェブサイト制作に入るのがよいでしょう。

既存の色がバラバラである場合には、どれかの色を選ばなければならない

ロゴを作る場合に気をつけたいこと

ロゴを外注で作る場合には、「かっこよく」とか「青を使いたい」のような言葉を使わないようにします。かっこよさなどは人によって感じ方が違いますし、青と一口に言っても様々な青があるため、できるだけ具体的に伝えるようにしなければなりません。

×暗めの青
○オックスフォード大学のサイトで使われている重々しい青

様々な暗い青とオックスフォード大学の青

このように具体的な言葉を使うことで、外注先も完成時のイメージがしやすくなります。
もし自分で色を決めたりデザインしなければならないような場合には、周囲の人に相談してみましょう。
その際には「この色でよいか?」ではなく、「この色は会社のイメージに合っていると思うか?」や「この色を見てどういう印象を受けたか?」のように聞いてみてください。単によいかどうかだけを聞くと、色の好みを答えられる場合もあります。配色やデザインを学んだことがない人に相談する場合には、特に注意したいところです。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

坂本 邦夫(さかもと・くにお)

坂本 邦夫(さかもと・くにお)

カラー&Webデザイン フォルトゥナ 代表
http://www.color-fortuna.com/

1973年、大阪府東大阪市生まれ。関西大学文学部史学地理学科卒業。
2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。以後、Web制作コンサルティングを主な業務としながら、書籍や雑誌などへの寄稿・セミナーなどで、ウェブにおける色彩環境の向上を使命として活動。日本色彩学会正会員。

主な著書に『ウェブ配色 決める! チカラ - 問題を解決する0からスタート ホームページ配色入門』(ワークスコーポレーション)、『ウェブ配色 コーディネートカタログ』(技術評論社)など。

ウェブデザイン&配色の見本帳

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/8/6~2017/8/19]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!