配色の面積比

配色によって伝えることのできるイメージは、面積によって大きく変わってしまいます。

特に、配色サンプルなどを無意識に利用していると、
目指すイメージとまったく違う印象になる可能性があるので注意が必要です。



一般的にインテリアなどでは、

・ベースカラー(基本となる色)70%
・サブカラー(ベースカラーを補う色)25%
・アクセントカラー(変化をつけるための色)5%

といった比率で配色を行うとよいとされています。


Webサイトの配色も同様に、ひとつの色をベースカラーとして設定し、
最大面積でつかうようにすれば、イメージのずれを減らすことが可能です。

言い換えれば、もっとも大きな面積で用いられる色によって、
配色のイメージは左右されるのです。


最大面積の色を変更してしまうと、
それ以外の部分を変更した色に合わせる必要が生じてしまいます。

そのようなことにならないように、ベースカラーは慎重に設定して
容易に変更しないようにするべきでしょう。


配色の基本は「統一と変化」と言われています。


具体的な方法としては、まず同一・類似色でベースカラーをつくり
トーンや色相などが類似した色をサブカラーとして追加することで、
統一感を演出することがきます。

そのうえで、変化としてのアクセントカラーを追加するようにすると
配色を行いやすいでしょう。

伝えたいイメージをずれないように伝えるために、
配色サンプルを見るだけでなく、面積も考慮していきましょう

ラベル: , ,