比較案
字間を狭める
条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.5 / 字間 -0.04em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
観察
同じ文章・書体・文字サイズ・行長・行間を固定し、letter spacingだけを変える。文字同士の距離、単語や文字列のまとまり、段落全体のtextureがどう変わって見えるかを観察する。判読性やreadabilityを測定するStudyではない。
letter spacing
この観察は条件差を見るための自作比較。ここでの予想や観察を、一般的な心理効果や品質の証明として扱わない。
比較
3条件
比較案
条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.5 / 字間 -0.04em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
比較基準
条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.5 / 字間 0em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
比較案
条件: 本文幅 52ch / 文字サイズ 18px / 行間 1.5 / 字間 0.08em
朝の駅前では、通勤する人、店を開ける人、待ち合わせをする人がそれぞれの方向へ動いている。昼になると人の流れは少し緩み、同じ広場でも時間によって見える景色や聞こえる音が変わっていく。
観察メモ
比較のために字間を狭める。文字同士の距離と、文字列がどの程度密な塊として見えるかを見る。
CSS上の追加letter spacingを0として比較基準に置く。書体内部のspacingやkerningが無いという意味ではない。
比較のために字間を広げる。個々の文字の分離と、文字列・段落のまとまり方がどう変わるかを見る。
仮説
他の条件を固定してletter spacingだけを変えると、文字列の密度とまとまり方が変わる。狭めた状態と広げた状態では、文字同士の境界や段落全体のtextureが異なって見える。
letter spacingだけを変えても、文字列の密度、個々の文字の分離、段落全体のtextureは変わって見える。ただし適切な字間は書体、文字サイズ、weight、言語、用途に依存し、この比較の値を普遍的な推奨値にはしない。letter spacingは文字列全体への調整であり、特定の文字ペアを個別調整するkerningとも区別する。
指示練習
AIでも人でも、結果だけでなく変更条件と確認条件を分けて伝える。
letter spacing
サンプル文章 / 書体 / 文字サイズ / 本文幅 / 行間 / font weight / 文字色と背景色
どちらの方向へ、どの程度変えるかを自分の目的に合わせて言葉にする。
出力を見て何が変わったか、何を採用するか、次に何を直すかを言葉にする。