Lorem Ipsum 与占位文本
占位文本在真实文字出现之前填充版面。用得好，人们可以评判设计而不被内容分心；用得随意，它会掩盖只有真实文本才会暴露的问题，甚至留在已上线的页面上。本指南兼顾这两方面。
Lorem Ipsum 的来历
熟悉的“Lorem ipsum dolor sit amet…”是西塞罗于公元前 45 年所写的 De finibus bonorum et malorum（《论至善与至恶》）中一段文字的打乱版本。词语被截断和改动：“lorem”是“dolorem”的后半部分，原文中这个词正好被换行拆开。结果看起来像拉丁文，却读不成拉丁文。
印刷商使用这类填充文字由来已久。20 世纪 60 年代，它随 Letraset 转印纸广泛流传；80 年代，Aldus PageMaker 等桌面排版软件也内置了它。20 世纪 90 年代，拉丁语学者理查德·麦克林托克考证出这段文字出自西塞罗。由于原文已有两千多年历史，可以自由使用。
设计师为什么使用占位文本
可读的文字会吸引注意力：在评审时，人们会开始讨论措辞而不是版式。lorem ipsum 长短单词自然混合，又没有意义，因此眼睛看到的是行、段落和文字的灰度，而不是句子。这让它适用于：
- 早期的版式和字体决策：栏宽、行高、字号；
- 日后会容纳许多作者内容的模板和组件；
- 测试同一位置放入极短和极长文本时页面的表现。
占位文本何时会误导
lorem ipsum 粘贴到哪里长度都一样，而真实内容不是。常见的意外有：
- 标题和按钮：后来写的文字比填充文字更长或更短，导致版式错乱。请用最短和最长的实际文字测试，而不是平均长度。
- 姓名、地址和价格有各自的形态：双姓、30 个字符的街道名、带货币符号和千位分隔符的价格。
- 翻译往往比英文长，短标签的长度可能翻倍。德语复合词除非加连字符，否则不会在行中断开。
- 真实的结构会带来列表、链接、引用和小标题，而一整块 lorem ipsum 从不会出现这些。
做可用性测试时请使用真实的文本。如果信息是拉丁文填充文字，参与者就无法判断页面是否讲得通，也无法在上面找到信息。
其他语言的占位文本
在拉丁字母下表现良好的版式，换成其他文字也可能出问题。中文和日文的词与词之间不加空格，所以几乎可以在任意两个字之间换行，并有规则避免某些标点出现在行首。韩文在词组之间加空格，但每行中音节的字形要多样得多。这些文字都需要包含相应字符的字体；如果所选字体缺少这些字，浏览器会换用另一种宽度和行高不同的字体。
正因如此，LeedyBox 生成器也能生成韩文、日文和中文的占位文本。对于多语言网站，请用目标文字的文本来测试每个版式，而不是 lorem ipsum。
不同任务的更好占位方式
| 任务 | 比 lorem ipsum 更好的选择 |
|---|---|
| 商品卡片、表格、仪表盘 | 真实感的示例数据：与实际长度相当的姓名、日期、价格和 ID |
| 表单和错误信息 | 实际的标签和信息，包括最长的那条错误信息 |
| 落地页和文章 | 真实文案的草稿，哪怕还很粗糙 |
| 多语言版式 | 每种目标语言的示例文本，或翻译草稿 |
| 模板中的正文 | 这里用 lorem ipsum 很合适 |
Faker 等测试数据库可以用多种语言生成看起来可信的姓名、地址和日期，供原型和自动化测试使用。
发布之前
留在上线页面中的占位文本显得粗心，也不能给读者和搜索引擎带来任何价值。上线前请：
- 在代码和内容管理系统中搜索“lorem”“ipsum”，以及团队使用的其他标记，如“TODO”或“TBD”；
- 检查评审时没人会读的地方：页面标题、meta 描述、图片替代文本、空状态提示和邮件模板；
- 用屏幕阅读器把页面听一遍；填充文字和缺失的标签用耳朵听更容易发现。
常见问题
商业项目可以使用 lorem ipsum 吗？
可以。它基于两千多年前写成、已属于公有领域的文字，无需获得许可。
占位文本会影响搜索排名吗？
只有在发布之后才会。仍含有填充文字的页面没有有用的内容，因此在真实文本就位之前，请不要发布草稿，或阻止其被索引。
lorem ipsum 和表单字段里的占位提示是一回事吗？
不是。通过 HTML placeholder 属性设置的、空输入框内的浅灰色提示，是给用户看的简短示例。用户一输入它就会消失，因此不应取代可见的标签。
应该放多少占位文本？
与真实内容一样多，再加上一些极端情况：每个位置预期的最短和最长文本。按预期长度填充，比把每个框都填上同一段文字能告诉你更多信息。