Pull quote 醒目引文

/PULL KWOHT/ · noun · 内容类模式 · #140

从文章里摘出一句有分量的话,用大号字体重复放在段落之间或页边,常配大引号或上下两条线,用来吸引快速浏览的读者、把他们拉进文章。杂志、报纸和长篇博客常用它。它和引用块(block quote)不同:引用块引用的是别处的原话,醒目引文重复的是正文里已经有的句子。

Pull quote(醒目引文) UI 模式示例:CatchUI 图鉴标本

你可能会这样叫它

  • “文章中间放大的那句话”
  • “段落之间的大号引语”
  • “杂志里突出显示的引文”

……它的名字是 醒目引文(Pull quote)。

常见问题

引用块是什么?

引用块(blockquote)是文章里单独成段、引用别处原话的一段文字,通常缩进或左边带一条竖线,网页里用 <blockquote> 标签。另一种样子相近的叫醒目引文(pull quote):它把正文里已有的一句话放大重复一次,用来吸引读者,引用的不是别人的话。

代码里叫什么

Web (HTML)<aside aria-hidden="true"> <blockquote> blockquote 用于引用别处的原话;醒目引文重复的是正文,这份副本要对读屏软件隐藏
Web (CSS)font-size border-block float: right
WordPresscore/pullquote “引文”区块,读屏软件仍会读两遍;“引用”区块用于引用块
Microsoft Word Windows 版的“插入”›“文本框”里有现成的引文样式
Adobe InDesign 单独的文本框架,四周加文本绕排

复制给 AI 编程工具

给这篇文章加一处醒目引文:从正文里挑一句简短有力的话(英文大约 25 个词以内),在大约三分之一处的两段之间重复一次,用更大、更粗或斜体的字,配一条彩色线或大号引号,四周留足空白。用带 aria-hidden="true" 的 <aside> 标记,免得读屏软件把这句话读两遍;不要紧挨着它重复的那句话放;手机上让它占满整行宽度。

用 AI 写界面时该怎么说:UI 用词指南(英文)→

相关模式

网站各部分叫什么(英文)→

传一张截图,抓住这个模式 →

学会从视觉线索认出 UI 模式(英文)