坂本邦夫の「基礎からわかるホームページの配色」» 対比現象 http://www.webcolordesign.com 自分でウェブサイトの配色を行うための色彩学の基礎知識、配色前の準備、色彩設計などウェブサイトのカラーデザインに関する情報サイトです。 Thu, 26 Aug 2010 14:47:59 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 画像を見せる背景色 http://www.webcolordesign.com/color_designing/background_color/%e7%94%bb%e5%83%8f%e3%82%92%e8%a6%8b%e3%81%9b%e3%82%8b%e8%83%8c%e6%99%af%e8%89%b2.html http://www.webcolordesign.com/color_designing/background_color/%e7%94%bb%e5%83%8f%e3%82%92%e8%a6%8b%e3%81%9b%e3%82%8b%e8%83%8c%e6%99%af%e8%89%b2.html#comments Wed, 27 Jan 2010 05:36:07 +0000 坂本邦夫 http://cpfortuna.heteml.jp/webcolor/?p=235 続きを読む ]]> オンラインショップやギャラリーなどで写真や画像を中心に扱う場合の背景色・壁紙をどのように考えればよいかをご説明いたします。

最も大事なのは画像

写真の周りには白もしくは灰、黒色を使うのがよいですが、出来れば白を使いましょう。

文字の情報と同じようにウェブサイト全体のイメージより商品写真などの方が重要な場合にはそれを引き立たせる配色をしなければなりません。写真を目立たせるのであれば、他の色の使用は抑えます。特に写真の周囲に色を施さないようにしましょう。

対比現象と画像の色

下の画像の中の色を図、背景の色を地などと言いますが、この図と地の組み合わせによって図の色がずれて見えてしまうことがあります。こういった現象を対比現象と呼ぶのですが、周囲の色相、明度、彩度の三属性のそれぞれの要素で起きるのです。

対比現象による色の見え方の違い対比現象の詳しい説明につきましては色彩学の専門書を見ていただければよいと思いますが、特に色相対比は地の色相によって図の色相までもが少しずれてしまいます。これはオンラインショップなどの商品画像が重要なウェブサイトでは大きな問題となる場合があります。通常の行われているように「実際の商品の色とは異なります」という対応でよいとは思いますが、あえて色相をずらすような背景色を使う必要もないでしょう。

関連記事：

]]> http://www.webcolordesign.com/color_designing/background_color/%e7%94%bb%e5%83%8f%e3%82%92%e8%a6%8b%e3%81%9b%e3%82%8b%e8%83%8c%e6%99%af%e8%89%b2.html/feed 0