Skip to main content

Typography 排版

用于展示标题、段落、文本内容,表达层次结构和品牌形象。


何时使用

  • 当需要展示标题、段落、列表内容时使用,如文章/博客/日志的文本样式。
  • 当需要一列基于文本的基础操作时使用,如拷贝/省略/可编辑。

排版结构

  1. 标题:标题用于显示内容层次结构,对于改善用户的阅读体验很重要;
  2. 文本:有不同样式的文本以及超链接;
  3. 段落:文本段落样式;
  4. 操作按钮:提供复制、编辑文本等功能。

布局

共有三种类型的对齐方式:左对齐、右对齐、居中

左对齐

当文本与左边距对齐时

右对齐

当文本与右边距对齐时。从左到右的语言可以使用右对齐文本,但不建议用于长文案。

居中对齐

当文本与它所在区域的中心对齐时。居中文本最好用于区分布局中的短排版元素(例如引号内文案),不推荐用于长文案。