F4.05.3centered text设计

居中适合短文本,不适合段落

别名: 居中排 · centred text · 轴对称文本

概念解释

把一行字摆在栏的中轴上,左右余量对称,适合标题、日期、一句题词、按钮上的两三个字。一旦同样的办法铺到多行段落,每一行的起点都在搬家:上一行从这儿进,下一行从偏左或偏右一点的地方进。短文本没有折返问题,居中是在用对称说话;段落有折返问题,居中是在拆掉起始基准。

「适合短、不适合段」是一条切在行数和阅读方式上的线,不是「居中不高级」。请柬可以全程居中,因为它本来就不是拿来连续读的。

机制

居中让每一行的几何中心落在同一条轴上,于是行长一变,两端一起动。短文本往往只有一行,或两三行且每行都是独立的意群(标题、副题、日期),读者每次都是重新开始,不需要把上一行的终点映射到下一行的起点。对称在这里是一种结束感:这几行是一件被摆好的物件,不是一条要往下走的河。

段落相反。段落要求行与行接龙。起点游走时,折返必须先估计这一行有多长,再算左端在哪,等于每行做一次心算。行越长、行数越多,估计误差越大,串行和漏行都上来。词距倒是还均匀——居中通常不拉词距——所以它看起来「干净」,这种干净会掩盖找行失败。许多人觉得居中的说明文字更精致,读完却说不清第三句在哪,就是这种错觉。

多行居中还有假段落效应:行与行之间没有左缘这条墙,块面感要靠行长碰巧接近才能维持。一行很短、一行很长时,块会碎成一串长短不一的纸条,既不像标题也不像正文。

边界

英雄区的一两行口号、空状态里的一句安慰、卡片封面的书名,居中是在把文字当图形。超过大约三行,或任何需要理解、比较、操作的说明,起点必须固定。表单标签、设置项、条款、聊天记录一旦居中,扫描路径会从「往下一列」变成「每行先找头」,效率掉得比看起来更狠。有些品牌把整页营销文案居中,靠极短行和很大的行高硬撑——那是展示,不是阅读;同一套样式进到帮助中心或结账页会立刻失败。从右往左的文字居中同样拆掉起始侧,只是轴还在栏中,问题不镜像消失。

怎么落地

  • 居中只留给独立的短句:标题、日期、署名、按钮文字、一两行的题词。行数一过三,改回起始侧对齐。
  • 空状态、引导页如果文案会长过三行,把居中留给标题,正文齐左,不要整块一起居中。
  • 不要用居中去「平衡」一张不对称的图。图和文的平衡走版面,不走把段落中轴化。
  • 把候选段落的每一行起点标出来。若这些点已经排不成一条垂直线,而文案又需要连续读,居中就是用错了场合。

延伸

  • 同组F4.05.1 左对齐提供稳定的起始基准 · F4.05.2 两端对齐在窄栏产生不规则字距
  • 相邻F2.05 对齐 · F3.04 扫描模式
  • 站内检索centered text · flush left · display type · ragged centre

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/F4.05.3