免费在线 Lorem Ipsum 生成器
按段落、句子或单词数生成经典占位符文本。非常适合模型和设计原型。
Lorem Ipsum 到底是什么
Lorem Ipsum 是从西塞罗 De Finibus Bonorum et Malorum(《论善恶之极》)(公元前 45 年写成的一部道德哲学论著)中节选并被弄乱、损坏的一段。著名的开头“Lorem ipsum dolor sit amet, consectetur adipiscing elit”是原文 1.10.32 节的支离破碎版本,原文以 “Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit...” 开始,大致译为“没有人因疼痛本身就是疼痛而爱它”。西塞罗原文的第一个词是 “dolorem ipsum”(字面意思是“疼痛本身”);“dolorem” 的前半部分被几个世纪前某位被人遗忘的排字工切掉了,留下了如今文本开头那个孤零零的 “lorem”。标准段落的其余部分把西塞罗的片段打乱、去掉连接词、塞入非拉丁的填充,结果是一段看起来像拉丁文却并不是拉丁文的胡言乱语。
起源故事,以及我们是怎么知道的
20 世纪的大部分时间里,设计师使用 Lorem Ipsum 却不知道它从何而来。传统的解释(某位 16 世纪不知名的印刷工把西塞罗打乱以做活字样书)曾是数十年的标准说法,但那个时代并没有任何被记录在案的样书作为第一手证据保存下来。现代的归属是 Richard McClintock 的工作,他是弗吉尼亚汉普登-悉尼学院的拉丁语教授,1980 年代他通过在拉丁文学中搜索不寻常的词 “consectetur”,并把它和西塞罗对上,从而追溯出了源头。McClintock 1994 年在 Before & After 杂志上发表了他的发现,以对西塞罗 §1.10.32–33 的精确引用,结束了几个世纪的“我们不知道这从哪儿来”。关于 Lorem Ipsum 进入大规模设计使用的传播,可被证实的是:1959 年成立的英国干式转印字母公司 Letraset 从 1960 年代起把 Lorem Ipsum 收入其转印字样表,把这段文字交到了每一位使用 Letraset 转印的平面设计师手中(在桌面排版出现之前,他们当中绝大多数人都用过)。当 Aldus PageMaker 1985 年 7 月在 Macintosh 上发布(这款应用可以说创造了桌面排版这一品类)其捆绑模板中包含了 Lorem Ipsum,把这段文字坐实为数字设计时代的默认占位符。
设计师为什么用拉丁式胡言乱语而不是英文
用假拉丁文取代可读英文的理由是心理学上的,而且出人意料地有据可循。当一位干系人审阅一份含有真实、可读英文文本的设计时,注意力会立刻滑向内容(他们读标题、对信息作出反应、点评措辞。本来应被审阅的视觉设计退到了背景中。Lorem Ipsum 远看像文本)它有可信的词长分布、句式节奏、段落密度和字母频率,但读不出来,于是注意力就停在它该在的地方:排版、层级、间距、对齐和视觉平衡。同样的逻辑适用于字体样张:以英文文本展示的字体会因文字内容而被评判,而不是因它如何排版。Lorem Ipsum 之于设计审查,正如空白背景之于产品摄影。“自然分布”这一说法是真实的:标准段落对英语和罗曼语系统计特征的模仿足够接近,使得行折到大致正确的宽度,段落块落在大致正确的高度,一栏 Lorem 的视觉份量也十分接近等量真实文案的视觉份量。
Lorem Ipsum 真正发挥作用的场合
- 网站和应用的高保真原型。在文案写好之前先把内容块填上,让人能在没有半成品真实文字干扰的情况下,按层级、间距和栅格行为来审视布局。Figma、Sketch、Adobe XD、Penpot 和 Framer 都把 Lorem Ipsum 生成器内置进了文字工具的默认值,正是因为工作流不停地需要它。
- 响应式布局测试。长段 Lorem 段落能揭示一个布局在不同视口宽度下的行为,文本在哪里折行、栏目在哪里重排、溢出在哪里发生。人为中性的内容让人更容易看清纯结构性问题,而不会与对内容的判断混在一起。
- 印刷布局预览。杂志跨页、宣传册设计、海报构图、书籍内文,任何设计师在最终文案抵达之前需要评估字体、栅格和留白的地方。Adobe InDesign 的“文字”菜单内置了一个“以占位文字填充”的命令,自 1990 年代末就是该应用的一部分。
- 字体评估。新字体的样张页使用 Lorem Ipsum(或其多语言对应版本),让设计师看到一款字体在正文尺寸下以多变的词长和句式节奏排版时的样子,不被读取内容所干扰。
- 开发与种子数据填充。用样例文字填充数据库记录、CMS 内容模型、邮件模板变量和组件库 Storybook 故事,好让前端团队能在文案团队收尾之前对着看起来真实的数据做开发。Lorem Ipsum 是约定俗成的占位符;Faker.js 等库可以通过程序生成它。
- 无障碍审计。把真实感的内容填进布局,能揭示屏幕阅读器、键盘导航和 200% 缩放在面对实际文字时的行为,这些问题是空白方框所掩盖的。
Lorem Ipsum 家族,变体与玩笑生成器
一旦占位文本成了设计工作流中的标准部分,玩笑变体就接踵而至。Bacon Ipsum(Michael Bacon,最初作为玩笑)把拉丁文换成肉的部位,“Bacon ipsum dolor amet ribeye t-bone shankle...”。它在 2011 年前后曾在设计圈的推特上短暂走红,如今以生成器和 API 的双重身份活在 baconipsum.com 上。Hipster Ipsum 把词汇换成陈词滥调式的嬉皮词汇(artisan、mustache、locavore)。Cupcake Ipsum、Pirate Ipsum、Office Ipsum(公司套话)、Samuel L. Ipsum(NSFW 的 Pulp Fiction 台词)、Trumpipsum(特朗普演讲节选)和Lebowski Ipsum 都存在。严肃的替代品则是针对各语言的对应版本:Lorem Ipsum japanesa(日文片假名/汉字填充)、用于西里尔字体测试的 Cyrillipsum,以及阿拉伯文的 Lorem 变体,这些都被造出来,是因为拉丁原文根本说明不了一款字体或一种布局如何处理非拉丁文字。要在任何非拉丁文字里测试正文,请使用符合该文字的变体;原版 Lorem 会把布局完全带偏。
本生成器如何工作
三种模式:段落(最常用,一个 1 到 100 之间的数)、句子和词。“以 Lorem ipsum… 开头”这一开关控制第一段是否以经典的 “Lorem ipsum dolor sit amet, consectetur adipiscing elit” 开头(设计师通常希望它在第一段时打开,在后续生成时关掉以改变质感。生成完全在你的浏览器里通过 JavaScript 进行:用加权随机抽样从一个小型的“拉丁味”词典中取词,句长被改变以模仿自然散文,段落被组装到目标数量。没有网络调用、没有服务端往返、没有遥测)你可以在点击“生成”时打开开发者工具的网络标签页查看(不会触发任何请求),或者在页面加载后让它离线(飞行模式),生成器仍然能用。对 Lorem Ipsum 而言,隐私这件事不像处理敏感输入的工具那样重要(这是填充文本,不是个人数据),但架构上的属性是一样的:什么都没离开你的设备。
常见问题
Lorem Ipsum 是真正的拉丁语吗?
部分是。它起源于西塞罗的 De Finibus Bonorum et Malorum(公元前 45 年,§1.10.32–33),但在数个世纪的排字工反复抄录中被弄变了样。词被丢、被打乱、被拼错,还掺入了非拉丁的填充。一位读着标准 Lorem Ipsum 段落的拉丁学者会在某些地方认出西塞罗的骨架,但不会把它叫作合乎语法的拉丁文。汉普登-悉尼学院的 Richard McClintock 在 1980 年代追溯到了原始来源,并于 1994 年在 Before & After 杂志上发表了归属。
为什么不直接使用英语占位符文本?
可读的英文会让审阅者分心(他们开始读内容,停止评估设计。Lorem Ipsum 看起来像文本(合理的词长、句式节奏、段落密度),却读不出来,因此注意力停在它该在的地方:排版、层级、间距和视觉份量。同样的逻辑适用于字体样张:以英文文案展示的字体会因文字内容而被评判,而不是因它如何排版。但有一个重要的注意事项)Lorem Ipsum 对任何使用非拉丁文字的语言都会产生误导。对于西里尔文、阿拉伯文、CJK 或其他文字,请改用与该文字相称的占位符生成器。
我可以生成特定数量的单词吗?
可以,把类型选为“词”,输入你需要的精确数量(本生成器中介于 1 到 100 之间)。对于更长的文档,按段落(1–100)或句子来生成。“以 Lorem ipsum… 开头”这一开关控制第一句是否以经典短语开头;设计师通常希望它在第一段时打开,在后续生成时关掉以改变质感。
我应该把含有 Lorem Ipsum 的真实网站发布上线吗?
不应该,Lorem Ipsum 是用来做设计审查的,不是用于生产环境。搜索引擎会把它标记为低质量样板内容;访客看到 “Lorem ipsum dolor sit amet” 会立刻把这个页面认成未完成或被遗弃;偶尔也会让那些不小心发布了草稿模板的公司难堪。在上线前请始终把 Lorem 替换为真实文案。(原因是:搜索引擎善于识别反复出现的占位符字符串,发布了 Lorem Ipsum 的网站会向爬虫和用户同时发出“项目已被遗弃”的信号。)
对特定文字或语调,有没有更好的替代方案?
有。对于非拉丁文字,请使用与该文字相称的生成器,用拉丁Lorem Ipsum 测试一款阿拉伯文字体,并不会揭示这款字体在阿拉伯文中如何排版的任何有用信息。在语调上做实验时,玩笑变体(Bacon Ipsum、Hipster Ipsum、Office Ipsum)可以作为聊资,但绝不应出现在正式的审查里。对于程序化的种子数据填充(数据库记录、Storybook 故事、测试 fixture),Faker.js 等库可以按需生成 Lorem Ipsum 和其他真实感的占位数据。