← 観察する

観察

行長と改行・段落の形

本文・書体・文字サイズ・行間を固定したまま、CSS上の本文幅をch単位で変え、改行頻度、1行の表示距離、段落全体の形がどう変わるかを比較する。ここでのch値は日本語の文字数そのものではなく、表示幅を変えるための条件として使う。

変える条件

本文の表示幅（CSS ch）

固定する条件

  • サンプル文章
  • 書体
  • 文字サイズ
  • 行間
  • 文字色と背景色

この観察は条件差を見るための自作比較。ここでの予想や観察を、一般的な心理効果や品質の証明として扱わない。

比較

条件ごとの見え方

3条件

比較案

狭い表示幅

条件: 本文幅 28ch / 文字サイズ 18px / 行間 1.55 / 字間 0em

朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。

比較基準

中程度の表示幅

条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.55 / 字間 0em

朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。

比較案

広い表示幅

条件: 本文幅 78ch / 文字サイズ 18px / 行間 1.55 / 字間 0em

朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。

観察メモ

比較後に確認するポイント

仮説

比較前に置いた予想

他の条件を固定して表示幅だけを変えると、1行の表示距離、改行回数、段落の縦方向の長さが変わる。これらの差を観察することで、表示幅が改行量と段落の形へどう関わるかを比較できる。

観察を制作へ持ち帰る

他のタイポグラフィ条件が同じでも、本文の表示幅を変えると改行量と段落の形は変わる。この比較で直接観察できるのは表示上の差であり、読みやすさ、読む速さ、視線の動きそのものを測定しているわけではない。ch値は日本語の文字数を表す尺度でもなく、この比較だけで普遍的な最適行長は決められない。文章内容、書体、文字サイズ、言語、viewport、読む状況を合わせて判断する必要がある。

指示練習

判断を指示に変える

AIでも人でも、結果だけでなく変更条件と確認条件を分けて伝える。

関連する学習項目

参照した出典