テキストの設定｜読みやすさを決める4つの数値

デザインが素人っぽく見える原因の多くは、配色でも装飾でもなく文字まわりの数値にあります。逆に言えば、ここを整えるだけで一気に見られるものになります。

読みやすさを決める4つ

とくに見落とされやすいのが最後の1行の文字数です。テキストのボックスを画面幅いっぱいに広げると、大画面では1行が長くなりすぎます。文章のまとまりには最大幅を持たせてください。

見出しは「意味」で選ぶ

見出しにはH1・H2・H3という段階があります。これは文字の大きさではなく、文章の階層を示すものです。大きく見せたいという理由でH1を使うと、検索エンジンにも読み上げにも誤った構造が伝わります。

大きさを変えたいだけなら、本文テキストのままフォントサイズを上げれば済みます。見た目と意味を切り離して考えてください。

文字色とコントラスト

薄いグレーの文字は洗練されて見えますが、薄くしすぎると読めません。とくに屋外でスマホを見る状況では顕著です。本文は濃いめ、補足は少し薄め、という2〜3段階に絞ると管理も楽になります。

次は画像の扱いです。