“先让用户看懂,再让用户行动。”— 产品原则
引用Quote
内容与数据展示把一段来自别人或别处的原话,从正文里清楚区分出来
也常被叫作引文引用块
引用用缩进、引号或边线标出外部原话和重要摘录;用户通常在文章、案例和文档正文中看到它。引用要保留必要的来源,不能只为了装饰把普通段落做成大引语。
“设计不是把功能摆出来,而是让人知道下一步该做什么。”— 设计评审记录 · 2026
容易混淆?这样区分
引用Quote≠排版Typography
引用 Quote 是有来源或需要特别强调的一段原话;排版 Typography 是整套文字层级和样式规则。
什么时候用
- 文章中的原话:区分作者观点和被引用内容先让用户看懂,再让用户行动。
- 客户或用户评价:保留说话者和必要背景先让用户看懂,再让用户行动。
- 原则摘录:让一条关键准则更易扫到先让用户看懂,再让用户行动。
什么时候不用
- 普通正文全部做成引用,阅读层级会失真先让用户看懂,再让用户行动。
- 引用别人观点却不给来源或上下文先让用户看懂,再让用户行动。
- 用引用块替代真正的警告或行动提示先让用户看懂,再让用户行动。
组成结构 · Anatomy
“先让用户看懂。”— 产品原则
1引用正文Quote text保持原意,必要时省略但不要曲解
2来源Source说明谁说的、来自哪里或何时
常见变体 · Variants
行内引用Inline
正如“先清楚再新奇”所说。
只有很短的一小句时
块级引用Block
“先让用户看懂。”
独立段落需要被突出时
带来源With source
“先清楚。”— 团队准则
文章和案例中的正式引用
典型使用场景
文章内引用
客户评价
“我们第一次知道每一步为什么要这样做。”— 林小hu,产品经理
设计原则摘录
“优先清楚,再追求新奇。”— 团队准则