跳转到内容

设计与体验 · DEFINED TERM

排版

通过字体、字号、行高、字重和行长组织阅读体验。

你可能会这样说“标题有力量,正文别太灰,手机不要一行塞太多字”

VISUAL EXAMPLE

先看懂它怎么工作

排版
层 1定义文字角色
层 2分配尺寸与行高
层 3控制行长
层 4检查断行

MECHANISM

运行机制

  1. 定义文字角色
  2. 分配尺寸与行高
  3. 控制行长
  4. 检查断行

USE WHEN

适合这样用

建立清楚、舒适且一致的文本层级

NOT FOR

不要这样理解

不要仅靠无限放大字号制造重要感

TELL YOUR AGENT

可直接发给 Agent

请按“排版”的概念处理这个需求:标题有力量,正文别太灰,手机不要一行塞太多字。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

标题断行自然,正文行长适中,字重和对比度可读

OFFICIAL SOURCES

官方来源