トップ > デザイン論 > 行間と読みやすさ

行間と読みやすさ

スポンサード リンク
行間も可読性という観点においては重要な要素の1つです。

何も指定しない場合(line-height:100%;と同じ)、行間が少し狭く感じます。
文章量が少ないとあまり感じないかもしれませんが、長文を読むときには結構気になると思います。

そこで、行間を少し広めに設定してみると、何も指定しないより読みやすくなります。
指定する値は120%〜140%くらいにすると良いと思います。
ちなみに当サイトは140%です。

では実際に比較してみましょう。

行間も可読性という観点においては重要な要素の1つです。何も指定しない場合(line-height:100%;と同じ)、行間が少し狭く感じます。文章量が少ないとあまり感じないかもしれませんが、長文を読むときには結構気になると思います。そこで、行間を少し広めに設定してみると、何も指定しないより読みやすくなります。指定する値は120%〜140%くらいにすると良いと思います。ちなみに当サイトは140%です。では実際に比較してみましょう。
↑line-height:100%;

行間も可読性という観点においては重要な要素の1つです。何も指定しない場合(line-height:100%;と同じ)、行間が少し狭く感じます。文章量が少ないとあまり感じないかもしれませんが、長文を読むときには結構気になると思います。そこで、行間を少し広めに設定してみると、何も指定しないより読みやすくなります。指定する値は120%〜140%くらいにすると良いと思います。ちなみに当サイトは140%です。では実際に比較してみましょう。
↑line-height:140%;

行間の違いをより分かりやすくするためにあえて改行を無くしてみました。
さて、どちらが読みやすいですか?

多分したの140%の方が読みやすいのではないかと思います。
100%の方は行間が詰まりすぎていて読みにくいですね。

ここでは140%に指定しましたが、値については色々変更してみて一番読みやすいと感じるものを使うと良いでしょう。