N3.04.6angular typography设计研究

行长与行距按角度设定,不按物理长度

别名: 视角行长 · 角行距 · measure in visual angle

概念解释

印刷里一行大约五十五到七十五个字、行距大约 1.2 到 1.5 倍字高,写的是纸面上的厘米。同一块六十厘米宽的段落放到一米处和放到三米处,眼睛扫过的视角完全不是同一个阅读度量。行长和行距按角度设定:一行在视野里占多少度、行与行之间隔多少弧分,而不是面板上量出多少厘米。它只管这两项排版度量,不管字号怎么随距离放大。

机制

阅读时的眼动是按视角走的:一次顺向扫视大约覆盖若干度,行末到下一行首的回扫也按角度结算。物理行长随距离在视网膜上缩放,于是「六十厘米一行」在近处可能宽到需要多次大扫视才能走完,在远处又窄到每行只剩几个字。行距同样:纸上 8 mm 的间距在近处可能疏得像空气,在远处挤进拥挤区,下一行的字顶撞进上一行的下行部。

按角度来定,是让扫视幅度和拥挤距离在不同深度上保持同类。一行过宽,回扫容易落错行;一行过窄,每行信息太少,切行本身变成负荷。行距小于一个由视角决定的底,拥挤会把相邻行融成一块纹理。厘米数在这里只是角度的下游:深度一变,厘米必须改,角度才是被保住的那一端。

怎么研究

同一段正文,比较「锁定物理行长和行距」与「锁定一行所占视角和行间弧分」,深度取两档。测阅读速度、回扫落错行的次数、主观「行太长 / 行挤」。眼动可直接看顺向扫视幅度是否随深度乱跳。

自变量:深度、行长规则(厘米锁定 / 视角锁定)、行距规则、每行字数。 因变量:阅读速度、错行次数、扫视幅度分布、拥挤主观分。

用打印稿在真实桌面上改坐距,会混进调节和印刷分辨率,和头显不是同一套瓶颈。要在头显里改面板深度,并保持字体、内容不变。

边界

单行标签、按钮上的两三个字没有「行长」问题,角度规则用不上。诗歌、代码、等宽表故意用物理列对齐,改成保视角会把空格对齐拆掉。视野很窄的设备上一行能占的最大视角本身就小,保一个「舒适行长视角」可能放不下五十五个汉字,只能减字数或允许回扫。超大的环境招牌一行可以跨几十度,那是在被认而不是被读,行距规则也不适用。

怎么落地

  • 给正文定一个目标行长视角(例如大约二十度内走完一行)和一个最小行间弧分,面板一挪,改厘米去保这两个角度。
  • 不要把平面排版的「每行十二厘米」贴进场景。先量人在目标站位扫完一行要转多大的眼。
  • 中文每行字数和拉丁字母每行字符数不要混用同一个角度预算——汉字信息密度更高,同样视角里字更少。
  • 验证:同一段在 1.2 m 和 2.4 m 阅读。视角锁定组的错行和速度应接近;厘米锁定组应在一档深度上出现「行太长或行太挤」。若两档都舒适却用的是同一套厘米,说明还没把深度拉开到规则会失效的地方。

延伸

  • 同组N3.04.1 倾斜角度显著降低可读性 · N3.04.2 文字需始终面向用户 · N3.04.3 背景复杂时需要衬底 · N3.04.4 最小可读字号由角分辨率与像素密度共同决定 · N3.04.5 亚像素渲染在双眼与运动条件下失效 · N3.04.7 随头动抖动的文字比静止的文字更难读
  • 相邻N3.02 界面距离 · N3.07 视场边缘的内容布置
  • 站内检索angular typography · visual-angle measure · leading in arcminutes

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/N3.04.6