邦夫(フォルトゥナ)2015年11月2日更新ツイート閲覧数8,823viewsこのコラムをPDF形式でダウンロードするこの連載では色のイメージとホームページの色が合わなければ、せっかく内容がよくできても、訪問者は中身を読まれずに去ってしまうこともあります。この連載では訪問者のイメージに合わせることができるように、色のイメージとその心理的な効果を説明し、色によって向いているサイトと向いていないサイトを解説していきます。第8回目は黄色の持つ意味や心理的な効果、それに向いたホームページと向かないホームページについてまとめています。黄色というと皆さんはどのようなイメージを思い浮かべるでしょうか?一面に広がるひまわり畑だという人もいるかもしれませんし、太陽をイメージする人もいるかもしれません。これらは比較的あざやかで元気なものをイメージしているはずです。うすい黄色はクリーム色と呼ばれて優しいイメージがしますし、少し暗くなるだけでいちょうの黄色のような落ち着いた色になってしまいます。同じ黄色に含まれる色であっても、その色調の違いでまったく異なる印象を受け、好き嫌いも分かれてしまうのが黄色のおもしろいところです。カミナリ、とうもろこし、バナナ、信号、ひよこ、レモン、金、月、菜の花、信号、イチョウ黄色は暖かさを感じさせる暖色(他に赤やオレンジなど)の中でも最も明るい色で、光を感じさせる明るく楽しいようなイメージを持つと同時に、反対に危険や注意のような意味を持つこともあります。その色合いの選び方や配置によってはネガティブなイメージを感じさせることもあります。道路標識や工事現場で見られるように、黄色は黒と組み合わせて目立ちやすい色で注意を促すときに使われています。組み合わせ次第では黄色の明るく快活なイメージとは反対に、危険や不安を表す色であることも覚えておきましょう。注意を表す黄色また黄色はひらめきや新しい発想などを表現することもあります。青が知性や理性を表すのに対して、その反対の色である黄色は外に向いた頭の働きを示しているのだと考えられます。ドラえもんの青に対するのび太の黄色の服を思い出してもらえるとわかりやすいでしょう。このような色同士の連想から、黄色は軽さや軽率さ、落ち着いていないというイメージを与えることもあるため、堂々とした安定感のあるものを表現するのには向いていません。黄色をうまく使うコツは、なるべく背景の色として使うことです。黄色は明るい色であるため、白い背景色の上に文字色として使った場合には、文字の色が薄すぎて読めないことが多いのです。それを避けるためには、「黄色は背景として使う」ということを覚えておきましょう。これは画面全体に黄色を使いたい場合であっても、バナーなどデザインの一部で使う場合であっても同じです。黄色を文字の色として使うのであれば、背景色は暗い色を使わなければなりません。その結果、黄色よりも暗い色の背景の面積が大きくなってしまい、黄色の持つイメージが損なわれてしまうのです。黄色は明るい色と暗い色でイメージにかなり差が見られる色です。文字色として使いにくいため、ロゴやホームページのタイトルには大変使いにくいと言えます。明るい黄色は薄いクリーム色やベージュとなり、強い印象を与えない背景色として重宝です。黒い文字ではちょっときつすぎると感じられた場合には、茶色のような黒以外の暗めの色と組み合わせれば、強すぎるイメージを緩和することができます。薄く明るい黄色と様々な文字色の組み合わせ例。色の組み合わせとして使いどころが難しい黄色ですが、ひまわりやレモンなどの具体的なイメージをそのまま表現しやすい商品のホームページでよく見られます。それ以外では「ひらめき」などのイメージから、デザイン会社・広告会社のホームページでも比較的多く見られています。筆者は毎年数多くのホームページを見ていますが、黄色は全ての色の中でも最も使われていない色の一つです。それだけ表現が難しい色なのです。白い背景を前提とするならば、黄色で強いイメージを出すのは難しく、印象を出すためには黒の背景にアクセントとして黄色を使うか、背景の部分に黄色を使うのがおすすめです。その場合には大きな写真を使い、「危険色」としての黄色にならないように配慮するのが現実的な黄色の使い方となります。黄色は大きな写真と一緒に使う色選びの3つのポイント色を選ぶ場合には、「この色を使いたい」だけでなく、「この色は使わない方がよい」というマイナスのイメージや訪問者の期待する色も合わせて考えるどんな色でも使いすぎると中身の邪魔をする。多く使いたい場合には文章が入らない部分の背景に色を使うようにするどの色を選ぶか迷ったら、周囲の3人以上の人に聞くこと。2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。コーディネートカタログ』(技術評論社)など。(編集)『ウェブデザイン&レイアウトの見本帳』に続く、ウェブの配色に特化した実例の見本帳です。掲載している項目のテーマは、季節感を感じさせる配色デザインや、イメージを喚起させる配色、文字や罫線などと配色の関係、さらには集客に繋がる配色も紹介しています。本書のはじめには色相や彩度、補色など、配色に関する基本的な事柄も解説することで、ウェブに関する配色の本として充実した内容になっています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。