次は・・・横幅♪(2)

ホームページ制作

以前、このブログでページの「横幅」について書きましたが、言葉足らずな部分がありましたので補足も含め、横幅について第二弾とします。

前回取り上げた際、ページの横幅は「”950px”前後(900px~max980px)がオススメ」としました。
ここまでワイドにした場合、2カラムないしは3カラムでレイアウトするのが基本です。
このサイズで1カラムに文章を詰め込んでいくと、一般に水平方向の視線移動が大きくなり、とても読み辛く疲れてしまいます。ひとつのカラムはおよそ650px以下が良いとされています。
従って、前述のサイズでは2カラム以上に分割します。

それと、読み易さにおいては”行間”の設定も重要です。
デフォルトで表示された行間は、行間が詰まっていて、読み難いものです。また、ブログで時々見受けられますが大きな行間を空けてそれなりの効果を狙っていると思われますが、これまた読み難いものです。
前後の行を意識することなく、視線が自然に移動できる行間、ちなみに当社では”1.7ems”~”2ems”を基本に設定してます。(このブログの設定:1.9ems)2ems以上に設定することもありますが、逆に1.5ems以下にすることはまずありません。
行間については、閲覧側のフォント設定によっても印象が変わってきますので一概に言えない面もありますが、原則はページ側から”フォント指定しない””ブラウザのフォントはデフォルト設定で検証”するようにします。ページ側からフォントのサイズ指定は問題ありません。