ホームページデザインで文字数の目安

良く目にされると思われるメニューの部分で、「どの程度の幅」で「どのくらいの文字の大きさ」なら「何文字くらい配置」ができる？という内容です。

IE6の横幅160px画像（インターネットエクスプローラー6/Win）

FF2.0の横幅160px画像（ファイヤーフォックス2.0/Win）

利用率の高いWindowsのブラウザで表示確認

緑の部分

• 横幅160px
• ブラウザの文字の大きさを中（16px）
• 文字の大きさ指定が標準

半角英数字で20文字程度、全角文字で11文字程度まででうまく収まる感じになります。

薄ピンクの部分

• 横幅160px
• ブラウザの文字の大きさを中（16px）
• 文字の大きさを82%指定

半角英数字で22文字程度、全角文字で14文字程度まででうまく収まる感じになります。

閲覧されるブラウザ環境において、小さい文字が見えにくい方は文字のサイズを大きくしていたり、大き目な感じの文字サイズが気に入らない方は小さめにしているなど人それぞれ違います。

文字サイズの基準をどの大きさで制作していくのか決定しなければ、大きさの違うサイズが混合することで閲覧者に負担がかかる場合があります。

---