色数は少なく・・少なく・・・

色数は少なく・・少なく・・・

ホームページを作ることになれないうちは、
ついつい・・・色々な色を使ってホームページを作ってしまいたくなります。

が・・・

あまり色を使いすぎると、全体的に「不安定」なサイトが出来上がります。
つまり、「居心地の悪いサイト」が出来上がるということです。

この辺り、女性の場合であれば、既に感性がとぎすまされてる感があるので、
まったく問題ないですが、男の人の場合は・・・・結構「ボテッ」としたサイトが出来たりします。

余談ですが、女性の場合は「色が薄すぎる」サイトになる場合もあるようです。。
特に、リンクの色については注意が必要です。。

サイト全体の色と同じ系統のリンク色にすることで、
非常に落ち着いていて、安定感のあるサイトが出来上がります。

が・・・これは単純にクリック率が下がりますです。。
この点だけ、注意が必要かもしれません。

というわけで、話を戻します。。

基本は３色で決めちゃいましょう。

ホームページを作るときは、色数を「３色」程度に絞りこむことが重要です。
リンクの色を入れて「４色」が妥当なところでしょう。

その際には、以下のようなバランスで「３色」を使っていきます。
（以下のサンプルは、このサイトで使用している色です。）

もちろん、この割合に完全に近づける必要はありませんが、
「一番始めに目に入る部分をこの割合に近づける」と、意外とやりやすいです。

ただし、この「３色ルール」を守ったことで、逆に物足りない時が出てきたりします。
そんな時は、迷わず・・・「灰色」を使ってみてください。

灰色は、「無感動色」と言って、特にイメージを与えません。
（クールに見える感じですね。）

なので、「何か物足りない」というときに、
他のバランスを崩さずに、意外と簡単に取り入れることが出来るんです。

特に、背景色が白だと目が痛いな・・・と感じる場合は、
灰色は非常に有効です。

ただ、使い方にはちょっとしたポイントもあります。。

灰色の使い方のポイント

灰色を使うときには、「他の色」とのバランスを考えて、
濃いめを使うか？薄いのを使うか？を考える必要があります。

このサイトの場合であれば、「赤」というかなり刺激的な色を使っているので、
薄い灰色を使うと、凄い勢いでバランスが崩れます。

それを防ぐために、「#CCC」と、ちょっと濃いめのものを使用しています。
他にも「#444～#999」でも良さそうでしたが、ボッテリするので却下しました。。（＾＾；

といっても、、「なんだその数字は？！」って方もいるかもしれませんので、
使えそうなカラーコードを記載しておきます。

迷ったら、ここからパクってください（笑）

• #F5F5F5（数字を大きくすると薄くなり、小さくすると濃くなります。)
• #EEEEEE
• #CCCCCC
• #666666

と・・・長々と書いていて気が付きました。
そもそも、最初の３色が決められない・・・そんなことが起こる気がします。。

そこで！こんなツールがお奨めです。
⇒パワースポイト

これは、気になる色の「カラーコード」を教えてくれる優れものなのですが、
まずは、このツールを使って一色を決めてください。

それが出来たら、、、

ColorSchemerへGo!!です。
そして、パワースポイトでゲットしたカラーコードをこのサイトで使用します。

こんな感じです。
↓↓↓

それが出来たら、すぐ下にある「SetHEX」というボタンを押します。
これで、「相性の良い色」が出てきますので、適当に２色をチョイスします。

これで、OKです。

これに色彩心理学的な要素を組み合わせることができれば、
しっかりと！目的に応じた配色が出来るようになりますので、お試しあれ♪

⇒色彩心理が分かる本リスト

←売れるホームページを作る | ↑このページの上へ