配色(色の割合)

昔、Webサイトの配色の割合に関して勉強したときに作ったファイルが出てきたので、文章と画像をブログ形式にアップしてみようと思います。

サイト作成でまずどのような色を使おうか?当然、誰もが考えることだと思います。その時に、基本にしてもらうと良いのは、Webサイトから白の領域を除いて配色されている部分を、ベースカラー(70)・サブカラー(25)・アクセントカラー(5)の割合で考えてサイトのイメージ色を決定すること。基本3色

ベースカラー
全体のイメージ色
サブカラー
ベースカラーを補う色
アクセントカラー
目立たせるための色

割合は適当に変化させても大丈夫だし、同系色で更にベースカラー等を分けても良いです。
ただ、基本はこの3色を考えて作ると統一感のあるページが出来上がるので、画像を作るにしろページを作るにしろ基本をしっかりと押さえておくと後が楽です。
企業カラーなどが確立しているサイトなどは、ベースカラーやサブカラーが決まっているので、後は、その色に合うアクセントカラーを用意すれば良いということになりますね。

後は、色相環とか誘目性なども関係してくるけど、暖色系(赤やオレンジ)などの色の方が、目を引くので、アクセントカラーには、暖色系の色が向いているといえます。ただ、オレンジをベースカラーとするサイトで、赤や黄色をアクセントとして使用しても弱い場合、色相環で反対側の色(補色という)の色(オレンジの場合は、青や紫かな?)を使ってアクセントとする場合もあります。

html&css-Web

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

カテゴリー