初心者が陥りやすいフォントサイズの罠とその対策法

記事本文の中で強調したい箇所がある場合、そのやり方には様々なものが挙げられます。

具体的には、
・フォントの色を変える
・フォントを太字にする
・フォントサイズを大きくする

上記の手法が代表的ですが、特に気をつけなければいけないのが、
三番目の「フォントサイズを大きくする」点です。

大きくすればいいものではない！

良いウェブデザインに最も重要な二つの要素は、
反復と明快性・可読性です。
読者が考えなければわからないようなナビゲーション方法を使っては、
絶対にいけません。そのサイトのどこいるか、
まだそのサイトの中にいるのか、それとも別のサイトにジャンプしたのか、
直感的にわかるようになっているべきです。

これでも確かに意図は伝わります。しかし、一部分だけが突出したように見えてしまうことは否めません。読者によっては、見た目のバランスに気を取られてしまい、本来の意図が伝わらない危険性もありえます。

何事もバランスが大切！

良いウェブデザインに最も重要な二つの要素は、反復と明快性・可読性です。
読者が考えなければわからないようなナビゲーション方法を使っては、
絶対にいけません。そのサイトのどこいるか、
まだそのサイトの中にいるのか、それとも別のサイトにジャンプしたのか、
直感的にわかるようになっているべきです。

三番目の手法をよく使用する方のブログには、ある特徴が見受けられます。
それは「基本的なフォントサイズが小さい」ということです。

ベースとなるフォントが小さく読みづらいため、
実際に強調したい箇所が出てきた場合、ついつい大きくしてしまうのです。

ではどうすれば…

対策として、
フォントサイズを設定しているタグの値を変更してみましょう。

.subContents {
font-size: 15px;　　/*フォントサイズ*/;
line-height: 170%;　/*文字の間の調整*/;
}

タグの種類や数値は、ご自身のブログに合わせて調整してください。
※カスタマイズ可能な、CSSスキンを採用している方が対象となります。

フォントの色を変える時も要注意！

良いウェブデザインに最も重要な二つの要素は、反復と明快性・可読性です。
読者が考えなければわからないようなナビゲーション方法を使っては、
絶対にいけません。そのサイトのどこいるか、
まだそのサイトの中にいるのか、それとも別のサイトにジャンプしたのか、
直感的にわかるようになっているべきです。

色の変化は読者の注意を惹く効果がありますが、やりすぎるとかえって逆効果です。
本当に強調したい部分だけ、バランス良く採用しましょう。

フォントの色も派手すぎない、読みやすい配色を心掛けること！
※当ブログではリンク色で使用しているカラーを採用しています。


この記事が役に立ったという方は投票をお願いします。
今後の記事作成の参考にさせていただきます。