排版
Typography
初级通用排版（Typography）是安排文字字体、字号、字重、行距和段落关系的设计工作。它解决的是文字放进界面后难读、难扫视、重点不清的问题；比如让后台页面的标题、说明和表格数据各有清楚的阅读位置。
你可能会说：「这个页面的字都挤在一起，标题也不显眼，能帮我调到容易扫读吗？」
动手看看订单后台的概览区
订单概览
核对待处理订单，及时跟进发货与退款。
订单编号
状态
金额
#24018
待发货
¥ 328.00
#24019
退款处理中
¥ 96.00
标题字重 font-weight
先扫标题，再读说明，最后核对订单数据。字号、字重和行距各管一件事，合起来决定这条阅读路线是否清楚。
要点排版主要在安排什么？
- 1
先分清文字各自的角色
页面标题、字段名称、正文和辅助说明承担的任务不同。你先告诉 AI 哪些内容要让人迅速找到，哪些需要连续阅读，它才好安排字号、字重和段落间距，而不是把所有字一起放大。
- 2
让行距和行长配合阅读
做知识库页面时，正文如果横跨整个宽屏，读者读到行尾后不容易找到下一行；行距太紧也会加重这个问题。我们可以限制正文宽度，再调整行距，让视线更容易接续。
- 3
用真实内容检查换行
设计稿里的短标题可能很整齐，但产品里会出现长用户名、不同长度的按钮文案和窄屏。让 AI 用这些内容检查换行与溢出，你才能判断排版在实际使用时是否仍然清楚。
容易混淆的地方
排版处理的是文字在界面里如何呈现和组织，不负责修改文字本身；如果说明写得含糊，先改文案。它和视觉层级有关，但视觉层级还会用颜色、位置、图片等手段引导注意力；衬线与非衬线则只是选字体时会遇到的一个维度。
什么时候用
适合用
- 做一页帮助文档时，读者需要在标题、步骤和补充说明之间快速切换，可以用排版建立阅读顺序。
- 做后台数据页时，表格里既有短数字也有长名称，可以用排版改善对齐、换行和扫读体验。
- 做响应式产品页时，同一段介绍要适配手机和桌面屏幕，可以检查行长、字号与段落间距。
不适合用
- 接口返回的字段值本身算错了，调整排版不会修正结果；先检查数据来源和计算逻辑。
- 用户看不懂按钮点下去会做什么，问题在操作文案；先把「确定」改成能说明结果的文字。
- 一组纯图标操作让用户认不出功能，先考虑文字标签或提示，而不是调整页面正文的排版。
练一练选一个答案，看看解释
你让 AI 做了一个帮助中心页面。桌面上看着整齐，但手机上标题频繁断行、正文很难读。下一步最符合排版思路的是？
让 AI 帮你做复制给 AI Agent 直接用
请检查这个帮助中心页面的排版：区分页面标题、小标题、正文和辅助说明的阅读层级，调整字号、字重、行距、段落间距与正文宽度。请用实际长标题和手机宽度检查换行、溢出及可读性，并说明改动原因。