邦夫(フォルトゥナ)2015年9月7日更新ツイート閲覧数15,808viewsこのコラムをPDF形式でダウンロードする色のイメージとホームページの色が合わなければ、せっかく内容がよくできていても、訪問者は中身を読まずに去ってしまうこともあります。このコラムでは訪問者のイメージに合わせることができるように、色のイメージとその心理的な効果を説明し、色によって向いているサイトと向いていないサイトを解説していきます。第6回目はオレンジの持つ意味や心理的な効果、それに向いたホームページと向かないホームページについてまとめています。赤と黄色の間のオレンジオレンジは赤のように強すぎず、黄色のように明るすぎずという中間の色で、暖かみを感じさせたい場面で多く使われています。カボチャやオレンジ・マンゴーなど食品にもよく見られ、食べ物を美味しく見せる色としてよく知られています。数ある色の中では、比較的マイナスイメージを感じさせず、あまり嫌われることの少ない色でもあります。にぎやかに見せたい場合にも欠かせない色の1つです。オレンジは暗くなると茶色になってしまい、まったく別のイメージを持つようになります(茶色は別の回で詳しく扱います)。そのため明るいオレンジだけに限れば、イメージされる言葉やその意味も明るめのものが多くなります。にぎやかさや人気(ひとけ)を出したい場合などで多く使われるので、逆に重々しいイメージやどっしりしたイメージを作りにくい色です。オレンジを使ってしっかりと安定したイメージを作りたいのであれば、茶色を大きく使って、その一部に少量のオレンジを差し込むことになります。視線を引きつけやすい色であるため、工事現場などでは危険を表示するためにオレンジは使われています。このようなオレンジの特性を利用して、ホームページでは、押してほしいボタンや目をひきたい文字などでよく使われますが、実は文字の色として使うにはオレンジはとても難しい色です。目立たせようとして、文字をオレンジしたり、背景にしているのを見かけますが、組み合わせによってはまったく読めなくなってしまうこともあります。文字の読みやすさはこの差が大きいほどよいので、白背景の場合には黒の文字がもっとも読みやすくなるのです。オレンジの場合には、背景が白い場合には、白とオレンジの両方が明るくなってしまうことから、読みにくくなってしまうのです。大事な部分を目立たせようとオレンジを使い、かえって読めなくなったというのは本末転倒なので、オレンジを文字として使いたい場合には、文字に影を付けたり、背景の色を暗くしたりと、できるだけ明度の差を付けるように工夫することが重要です。明るいオレンジと暗いオレンジ暗いオレンジは茶色になるため、オレンジは基本的に明るい色と考えておくとよいでしょう。明るいオレンジの中で、どれくらい鮮やかか、どれくらい薄いかなどを変えて様々なオレンジを作ることになります。明るいオレンジと暗いオレンジ。暗いオレンジは茶色になるオレンジのイメージを素直に伝えたいのであれば、あまり他の色を混ぜずに、鮮やかめのオレンジを単体で使うのがよいのですが、主張の強い色でもあるため、大きすぎるとにぎやかすぎたり派手すぎる感じになってしまい、親しみやすさなどの優しい感じはなくなってしまいます。オレンジを大きく使いたい場合には、大きく配置するオレンジを控えめで薄いものを選び、アピールしたい部分に強めのオレンジを配置すれば上手くまとまります。オレンジのよいところを活かして、すっきりとまとめたいのであれば、白あるいは黒+オレンジを配色の基本にして、文字の色を黒や茶色などの暗い色にし、オレンジは少量を配置していくようにするとよいでしょう。強いオレンジは少量で使う方が写真などの中身が活きるオレンジが合う業種・合わない業種オレンジはどの業種でも幅広く使われており、特別に得意や不得意という業種はありません。にぎやかさや楽しさを表現したいのであれば、最有力の選択肢となります。使える万人向けの色と言えます。にぎやかさを出したいという理由だけでオレンジを選んではいけません。分量やその色合いにもよりますが、主張の強い色であるため、商品やサービスのイメージと合っていなければ、オレンジのイメージがマイナスに働くこともあります。どの業種であっても、薄いオレンジほど大きく、あざやかなオレンジは小さく使うというのが基本的な考え方になります。「あざやかなオレンジは小さく」で配色はまとまるもし「どの色を使ってよいかわからないからオレンジ色」という方向でオレンジを選んだのであれば、オレンジの量をできるだけ減らすようにしましょう。主役はいつでも商品やサービスなのです。色選びの3つのポイント色を選ぶ場合には、「この色を使いたい」だけでなく、「この色は使わない方がよい」というマイナスのイメージや訪問者の期待する色もあわせて考えるどんな色でも使いすぎると中身の邪魔をする。多く使いたい場合には文章が入らない部分の背景に色を使うようにするどの色を選ぶか迷ったら、周囲の3人以上の人に聞くこと。2004年、色彩に関するノウハウをまとめたウェブサイト「基礎からわかるホームページの配色」を公開。コーディネートカタログ』(技術評論社)など。(編集)『ウェブデザイン&レイアウトの見本帳』に続く、ウェブの配色に特化した実例の見本帳です。掲載している項目のテーマは、季節感を感じさせる配色デザインや、イメージを喚起させる配色、文字や罫線などと配色の関係、さらには集客に繋がる配色も紹介しています。本書のはじめには色相や彩度、補色など、配色に関する基本的な事柄も解説することで、ウェブに関する配色の本として充実した内容になっています。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。