比較案
狭い行間
条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.1 / 字間 0em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
観察
同じ文章・書体・文字サイズ・行長・字間を固定し、line heightだけを変える。行同士の分離、段落の縦方向の広がり、文章全体のまとまりがどう変わって見えるかを観察する。読む速さや理解度を測定するStudyではない。
line height
この観察は条件差を見るための自作比較。ここでの予想や観察を、一般的な心理効果や品質の証明として扱わない。
比較
3条件
比較案
条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.1 / 字間 0em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
比較基準
条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.5 / 字間 0em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
比較案
条件: 本文幅 52ch / 文字サイズ 18px / 行間 2 / 字間 0em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
観察メモ
行同士を近づける。文字の上下関係と、隣接する行がどの程度一つの塊として見えるかを観察する。
比較基準として1.5を置く。WCAG 1.4.12が著者へこの値を推奨しているという意味ではない。
行同士を離す。行の分離が強くなる一方、段落全体の縦方向の広がりとまとまり方がどう変わるかを見る。
仮説
他の条件を固定してline heightだけを広げると、隣接行の分離と段落全体の縦方向の広がりが変わる。狭い状態と広い状態のどちらも、文章のまとまり方へ異なる影響を与えて見える。
line heightだけを変えても、行同士の距離、段落の高さ、文章のまとまり方は明確に変わって見える。だから行間は単独の推奨値ではなく、文字サイズ、書体、行長、言語、用途と合わせて判断する。この比較はreadability、読書速度、理解度を測定しておらず、1.1・1.5・2.0のどれかを普遍的な正解として示すものでもない。
指示練習
AIでも人でも、結果だけでなく変更条件と確認条件を分けて伝える。
line height
サンプル文章 / 書体 / 文字サイズ / 本文幅 / 字間 / 文字色と背景色
どちらの方向へ、どの程度変えるかを自分の目的に合わせて言葉にする。
出力を見て何が変わったか、何を採用するか、次に何を直すかを言葉にする。