文字色・背景色

ブログの背景色・文字色の方針をあらかじめ決めておくのも大事だと考えています。

大雑把に分けると、「背景色白で文字色黒」「背景色黒で文字色白」があります。

よく言われているのが、前者はテキスト向き、後者は画像向きということです。実際は色の組み合わせは多種多様なので、一概には言えません。

気をつけたいのは、テンプレート変更時にベースカラーは同系にしないと本文の修正が必要になるケースがあるということです。

例えば、文章で強調したい箇所を赤文字で表現してしまった場合、こんな感じになります。

このブログは本家エボリアヌーメです。
このブログは本家エボリアヌーメです。

悪くは無いですが、黒背景色の場合だと黄色文字で強調なんてのも効果的だったりします。

このブログは本家エボリアヌーメです。

また、背景色が赤のテンプレートだとこんな風になってしまいます。

このブログは本家エボリアヌーメです。

こういった不具合を避けるためにも、テンプレート変更の際には背景色が同系統のものを選ぶ方がいいでしょう。

上記のようなトラブルを避ける方法として、本文中の文字に色指定をせずに、強調するタグ <em> や <strong> を指定してCSSで色を指定するなどの方法があるようです。

強調とは別に、ネタバレ防止のために文字を背景色と同一色にするなんて方法もあります。

正解は 元祖 です。」※選択して色を反転してみてください
正解は 元祖 です。」※選択して色を反転してみてください

この方法は強調タグでなく、クラス名を与えてCSSで色指定をすべきなんでしょうね。

とりあえず、この本家エボリアヌーメは背景色は白系統でいきます。
関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。