大阪市中央区のスタイルクリエイツはホームページ制作(Web 制作)を得意とする総合広告代理店です。
ウェブマーケティング、SEO 対策、WEB コンサルティングも対応可能です。
広告・デザイン・Web(ホームページ)に関わることなら何でもお気軽にお問合せ下さい。
- 営業時間:
- 9:30~18:30
- TEL:
- 06-6210-3063(大阪市中央区)
こんにちは。スタイルクリエイツのデザイナーです。
今回からデザインについてのお話をコラムの方に掲載させていただくことになりました。
よろしくお願いいたします。
昨今ではホームページを作るのに便利なツールなどもあり、社内で制作するのもひと昔前に比べると随分と簡単になってまいりました。ホームページを外注するにしろ、自社で作成するにしろ、いろいろな検討材料があるかと思います。どんな印象を見る人に与えたいのか、どんな目的でホームページを作成するのか…など様々な想定が必要になってまいります。
今回はホームページのデザイン、主に色の与える印象についてのお話をさせていただこうかと思います。
色はWebサイトの印象を左右する重要なポイントになりますので、参考にしていただけましたら幸いです。
目次
色には無彩色と有彩色があります。白、黒、グレーなどは無彩色、赤、青、黄色などの色味のあるものを有彩色といいます。
色には人の心に大きく印象を与える効果があります。
汎用的なイメージとしては
白 | 清潔感、爽やか、無垢、すっきり、神聖、シンプル |
黒 | 高級感、男性的、都会的、重厚、厳粛、死、葬送 |
グレー | 調和、協調性、中立、ニュートラル、都会的、シャープ、落ち着き |
赤 | 情熱、楽しい、激しさ、力強さ、祝祭、興奮、怒り、破壊、危険、ルビー |
オレンジ | 若々しさ、明るさ、温かみ、家庭的、美味しそうな、親しみ、ポジティブ |
黄 | 光、希望、明るさ、温かみ、フレッシュさ、軽快さ、注意、警戒 |
緑 | 新鮮さ、エコ、安全、清潔、平和、調和、森林、健康、リフレッシュ、リラクゼーション、園芸、植物、エメラルド |
青 | 清潔感、真面目さ、堅調さ、冷静、若さ、爽やかさ、水、空、海、涼しさ、安全、サファイア |
紫 | 高貴さ、高級感、古典、上品、エキゾチック、知性、ロマンス、ラベンダー、アメジスト |
ピンク | かわいい、綺麗、優しい、華やか、恋愛、ロマンチック、おしゃれ、若い |
茶 | 渋さ、安定、ぬくもり、秋、落ち着き、堅実、大人しい、シニア、料理 |
など、色味によって人が連想するイメージがあります。
有彩色の色味は暖色と寒色に分かれます。
赤、オレンジ、黄色、茶などは暖色、緑、青、紫などは寒色といわれる色です。
例えば、飲食店などは暖色系をよく利用します。美味しそう、楽しそう、賑やかなイメージがある方が飲食店に似合ったイメージだからです。
暖色を使用した飲食店ロゴ
同じ飲食物でも飲料、それも冷た飲料系のロゴだと寒色を使用したものが多くなります。
このように、色味によって想定されるイメージが違うことがよくわかります。
もちろん、こういった一般的な色のイメージを覆すような色を使ってインパクトを与えるという方法もあります。
上記にもあるポカリスウェットのロゴなどは、現在は何の違和感もありませんが、飲料に青色ということで非常にインパクトがありました。
作成されるホームページのイメージもこの色味によって大きく左右されます。
業種、職種、サービスの内容にそったイメージをよりよい印象にさせるのに、色の選択はとても大切になります。
何色という指示が難しいことも多いので、「クールな印象」とか「温かみのあるイメージ」、「高級感がほしい」など抽象的なイメージの共有ができれば、全然イメージと違うということは避けられる可能性が高くなります。
企業のホームページの場合はコーポレートカラーなどもありますので、そのカラーを活かしたデザインを選択するのも一つの方法です。
コーポレートカラーというのは、会社の個性・目標の統一化をはかり、社内外に印象付けるために使われている色のことをいいます。会社ロゴの色や社用の封筒などがこの色で印刷されていたりすることが多いです。
コーポレートカラーは社内規定で印刷用とWeb用でコードまで指定されている細かな決まりのある場合から、まったくなくてロゴから起こして欲しいというご要望まで多々あります。
ロゴなどを設定したのがずっと昔のことで、新たな印象をつけるためにロゴやコーポレートカラーを一新する場合もあります。
こういったブランディングなども、ホームページを外注されると同時に当社にご依頼可能です。
最後に主な色のホームページをご紹介いたします。
赤
NTTドコモ →LINK
DOCOMOは「ドコモレッド」と呼ばれる赤色をコーポレートカラーとし、ロゴなどもこの色を採用しています。ダイナミックさや躍動感を感じさせる色として「赤」と設定し、変革する企業スタンスを強く打ち出す企業マインドを内外にアピールしています。
少しだけ青みのある赤を採用しているので、文字や大きな分量で利用しても読みにくくなることがない、使いやすい色です。
青
TOTO →LINK
TOTOはバス・トイレ・キッチン等の住宅設備機器製造メーカーなので、水回り関連を連想させる青色でコーポレートサイトを作成しています。
ロイヤルブルー系の色味を利用しているので、重すぎず軽すぎず企業の商材のイメージにも合わせた選択となっています。
緑
三井住友銀行 →LINK
三井住友銀行はフレッシュグリーンとトラッドグリーンの2色のコーポレートカラーを組み合わせて使用しています。
薄い方の緑を「フレッシュグリーン」(若草色)と呼称し、若々しさ、知性、やさしさを表しています。濃色の緑を「トラッドグリーン」(深緑色)とし、伝統、信頼、安定感を表しています。このように2色で表現することもあります。
緑という色がもつフレッシュさと信頼性などをうまく利用して、信用第一の銀行にふさわしい色使いとなっています。
黄色
マツモトキヨシ オンラインストア →LINK
コーポレートカラーの黄色を多用して「マツキヨ」のオンラインショップであることを強く印象づけています。
ドラッグストアに黄色というのは、印象的には反対のイメージが強くなるカラーリングですが、あえてこの黄色を利用することで、ドラッグストアの中で黄色イコールマツキヨというイメージを確立することに成功しました。
黄色は大きく使ったり、ポイントで利用するには目立つ色ですが、通常の白いところに乗せる文字などには向いてないので、こちらのサイトはロゴの色の黒で抑える形になっています。
文字などにも黄色系を利用したい場合は、オレンジ色に近い色にするか黄土色に近い色にするかなど工夫が必要です。
黒
SONY →LINK
SONYは黒やグレーのモノトーンでのWebデザインになっています。カメラやテレビ、ゲーム機、携帯電話、音楽関連商品など高品質、高級品というイメージを補強しています。映像や画像の美しさが引き立つ色使いです。
ピンク
CANMAKE →LINK
CANMAKEはプチプラコスメブランドです。かわいらしさ、若々しさなどをピンクで表現しています。ピンクの中でも派手なショッキングピンクを利用することで、価格帯やユーザー層に合ったほどよい感じを伝えやすいデザインになっています。