テーマ:ホームページ作成の悩み(545)
カテゴリ:web制作
ホームページ色彩プランということで、第三回目お送りします。 前回までで、色をなるべくたくさん使いすぎないように、といいました。 まずは、基本として、白と黒プラスあと一色でかんがえていきましょう。 でも、もう一色の選び方ですが、いちばんよいのが…白と黒とのコントラスト…。その色をA色としましょう。 A色の背景色の上に、白で文字を書いて、文字が読めるでしょうか。 逆に、白の背景色に、A色で文字を書いて読めるでしょうか。 同様に A色の背景色の上に、黒で文字を書いて、文字が読めるでしょうか。 逆に、黒の背景色に、A色で文字を書いて読めるでしょうか。 これらをすべて備えていると、少ない色でバリエーションがつけやすいです。少なくとも二つ以上は満たしてほしい…。 ちなみに、このサイトでのプラス一色は A:この色です。黒文字だとよいが… B:白文字だと厳しい。 C:黒背景だと…まあ読める D:白背景だと…厳しい。 あまり薄い色を使うと、白との差がなくなり、濃い色を使うと黒との差がなくなり、見にくくなります。 真っ赤、黄色、オレンジ、などのくっきりした色を使うと、四通りとも文字の判読が可能な配色になります。 D':応用として、Dで、ピンクを微妙に濃くしてみると…文字色として使えるようになります。 ここで、注意するのは、ピンクはピンクでもいろいろなピンクがある、ということです。
色調の違うピンクをごちゃごちゃに使うとやはり統一感がなくなっていくので、注意します。 三色を使うと、上のA~Dパターンと、白+黒、黒+白 の合計6パターンの配色が在りうるので、これらの色を、ページの中でどの部分に使うのかを、考えて見ます。 そのときに注意することは… 1.画面全体の色のバランス 2.内容に即した配色になっているか まず、1.についてですが、上のような黒い背景の部分が多くなりすぎないようにするということ。 また、もう一色を、濃いはっきりした色にした場合も、同様に、その色を(たとえば見出しなどの)背景色に使いすぎないということです。 具体的に言うと、楽天広場のカスタマイズでは、日記の日付など、各コーナーの背景色と文字色を選ぶことができます…。 ここで、たとえばCの配色を選んだりすると…、たぶん画面が非常に、白黒白黒…とがちゃがちゃした印象になるでしょう。 逆に上の例のようなピンクが背景色の場合には、文字のバックに使ってもそれほど、ちかちかしない…。 次に2.についてですが、単に見た目のバランスだけで色を決めない、ということです。 何かというと…、配色を変えた部分というのは、目立ちます。 つまり、目立たせたいところに使っているのか??ということです。 日記の見出し「○○Diary[全○○件]」の部分や日付のところがやたらと目立つ配色に変えてあるブログがありますね。それはそこを、強調して目立たせたいという意図でやっていたのでしょうか? たぶん、何も考えず、色を交互においていっただけだったりしないでしょうか?? きっと 「○○Diary[全○○件]」 のようなバーは目立たなくてもよいところでしょう…。 色についてだけではなくて、タグをつかった装飾全体にいえることですが、単に新しいタグを覚えたから、とりあえずやみくもに使う、というのではなく、タグの意味や、何のために装飾するのか、を考えてみるとよいかと思います。 【 ★今日の日記はいかがでしたか? お役に立てましたら、一日一票お願いします♪ 】 日記のFAQ更新情報をメルマガ配信始めましたメルマガサンプルとバックナンバー&配信登録はここをクリックしてください。週1回ていど発行です。 【質問募集しまス】 ・楽天広場のhtmlで困ったこと、質問があれば、2005年4月はこちらの記事にコメントしてください。自分の日記に質問を書いてトラックバックしていただいてもけっこうです。 【 ★人気ブログランキング参加中。ただいまの順位は? 】 【ビジネス系のみの新しい注目ブログランキングにも登録してみました:鬼ブログランキング!】 ↑他の役立つブログも見に行ってみては??(クリックするとこのブログの応援になります!ヨロシク!) お気に入りの記事を「いいね!」で応援しよう
[web制作] カテゴリの最新記事
|