色合いって難しいですよね。
明るすぎても、目が痛いし、色を抑えすぎると、薄すぎて読みづらいし、色が暗すぎると、暗いサイトの印象を受けてしまいます。
バランスが難しい・・・。
原色って、インパクトがあっていいですよね。
でも、全画面かこの原色だったらどうでしょう。
かなり圧迫感を感じると思いませんか？
個人的にさらに嫌だなあと思う背景色
明るすぎる、色合いも、かなり目がチカチカします。
乱視のせいかな？
PCの設定もあるのかなあとは思うんだけど。。。
背景色は、淡い色の方がいいと思います。
個人的には、白がおすすめですけどね。
読み込みに時間もかからないしということで。
ショップだと、ダークな色合いはどうかなあ。と思います。
ああ、もちろん扱うジャンルにもよりますけどね。
例えば、ダイエット品を真っ黒なサイトで紹介されても、購入する気になれないと思いません？
文字の配色は、背景色に合わせた、色合いにしましょうね。
うわ、作っていてすごく嫌だわ。目が痛い。。。涙
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
|
ネットショップ作るゾウ！ |
文字の色は、黒に近い色の方が読みやすいですよね。
無難なのは、パステルカラーだと思います。
ただ、薄すぎるのも見づらいので、文字は、ちょこっと濃いめに設定しましょうね。
あと、ホームページビルダーなら、サンプルがあるので、それを参考にするといいと思います。
管理人tutuが、色を選ぶときに気を付けていること。
ネットショップ作るゾウ！の場合
| 白 |
背景 |
一番見やすいから。 |
|
メインアクセントカラー |
メインに使っている色です。 |
|
サブアクセントカラー |
同じ色ばかりだと、飽きるのでアクセント用 |
| 文 |
メイン文字色 |
黒だと、いかにもって感じなので、色を落とした感じにしてみました。 |
|
リンクカラー 未表示 |
未表示だとこの色です。表示済みより濃い色で合った方がいい。 |
|
リンクカラー 表示済 |
ちょっと、薄すぎるかなとも思いますが・・・。 |
|
アクセントカラー |
メインアクセントカラーと反対色系をえらぶのがいい。メリハリがでる。
例えば、商品名に使うとかね。 |
|
強調カラー |
メインカラーと対照的な色がいい。
同じく、商品名に使うとかすると、メリハリがでていい。、 |
・全体的には、同系色で統一する。
理由：キレイに見えるから。
・強調したいことは、同系色以外で強調すべし。
理由：ホームページ制作当時、すべて同系色で作っていました。
確かに、同系色で作ると、それなりにキレイにまとまるのですが、インパクトが全然ないんですよ。
こう、おもしろみも何もない感じがします。
・色は使いすぎない。上のように、使う色を決めて、それ以上は使わないようにする。
理由：色がいっぱいで、目がチカチカしないように、画面がうるさすぎないように。
この3点をtutuは気を付けています。
6.【操作性は快適ですか？】へ進む