坂本邦夫の「基礎からわかるホームページの配色」» 余白 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_point/%e6%82%a9%e3%82%93%e3%81%a0%e3%82%89%e8%89%b2%e3%82%92%e6%b8%9b%e3%82%89%e3%81%99.html http://www.webcolordesign.com/color_point/%e6%82%a9%e3%82%93%e3%81%a0%e3%82%89%e8%89%b2%e3%82%92%e6%b8%9b%e3%82%89%e3%81%99.html#comments Wed, 27 Jan 2010 09:50:58 +0000 坂本邦夫 http://cpfortuna.heteml.jp/webcolor/?p=284 続きを読む ]]> 悩んだ時に色をプラスするのではなく、減らしてシンプルになるようにします。

色数を減らす

配色がこれでよいかどうか悩む場合が多いと思います。もしあなたの配色がベースカラー・サブカラー・アクセントカラー合わせて6色以上ある場合には、分割したサブカラーやアクセントカラーなどから1色減らしてみましょう。

ここで間違っても色を増やしてはいけません。5色で制御しきれないものが6色で収まるとは限りません。色数を増やしたい場合にもいったん色数を減らしてから、使用する色を再検討しなおすのが近道でしょう。

色の面積を減らす

色の面積が多すぎる場合と余白を広く取った場合単純なことではありますが、色を使う面積を減らせばそれだけシンプルになっていきます。内容が増えすぎて、レイアウト部が混沌としてきた場合などは素直に色の面積を減らしましょう。

文字よりもバナーや写真などを小さな面積に詰め込んだ時や、テキストに色を付けている場合に特に混雑して感じられます。

配色面積を減らした例色を塗りたいテーブルのセルの背景にベタで色を塗るのではなく、白い部分を増やしたり、余白を広めに取ったりするなど、アクセント的に用いてやればスッキリとした印象を与えることができます。

引き算のカラーコーディネート

カラーコーディネートに限ったことではありませんが、迷ってしまった時はウェブ上の各要素の色が本当に必要なのかどうかを考えて削っていくことも必要です。場合によっては色彩設計を見直す必要もあるでしょう。

この色を減らすと言う引き算のカラーコーディネートが出来るようになれば、色彩の効果を今以上に上手に使いこなすことが出来るようになったと言ってよいでしょう。

関連記事：

]]> http://www.webcolordesign.com/color_point/%e6%82%a9%e3%82%93%e3%81%a0%e3%82%89%e8%89%b2%e3%82%92%e6%b8%9b%e3%82%89%e3%81%99.html/feed 0