什么是 Lorem Ipsum?占位文本的完整历史
· 12分钟阅读
目录
如果你曾经看过网站模型、设计模板或印刷布局,你可能遇到过 Lorem Ipsum——那段看起来像拉丁文的文本块,似乎毫无意义,但在设计界无处不在。它已经成为行业标准占位文本超过500年,至今仍然每天在网站、应用程序、印刷材料和数字产品中被使用数十亿次。
但这段奇特的文本从何而来?为什么设计师继续依赖它?是什么让它如此有效,以至于经历了几个世纪的技术变革仍然存在?
这份综合指南探讨了 Lorem Ipsum 的迷人历史、实际应用和现代替代方案,为你提供在项目中有效理解和使用占位文本所需的一切。
什么是 Lorem Ipsum?
Lorem Ipsum 是设计和排版行业中使用的虚拟文本,用于填充最终将放置真实内容的空间。它看起来像拉丁文,部分确实是——但它被故意打乱,以便读者专注于视觉设计,而不是被可读内容分散注意力。
标准的 Lorem Ipsum 段落开头是:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." 这个开头自1500年代以来一直被使用,至今仍是世界上最知名的占位文本。
该文本有几个特定用途:
- 视觉近似: 它具有大致正常的字母和单词长度分布,使其从远处看起来像真实文本
- 专注于设计: 无意义的内容防止读者被文本内容分散注意力
- 真实的间距: 它帮助设计师评估布局在放置实际内容后的外观
- 普遍认可: 客户和利益相关者立即理解这是占位内容
与简单地输入"此处文本"或使用键盘乱敲如"asdfghjkl"不同,Lorem Ipsum 模仿真实语言的自然节奏和外观。这使得它在最终内容可用之前测试排版、间距和整体视觉层次结构时非常宝贵。
专业提示: 向客户展示设计时,始终解释 Lorem Ipsum 是临时占位文本。一些不熟悉设计流程的客户可能认为这是需要翻译或编辑的实际内容。
古罗马起源
Lorem Ipsum 源自《论善恶的目的》(De Finibus Bonorum et Malorum),这是罗马政治家马库斯·图利乌斯·西塞罗于公元前45年撰写的哲学著作。具体来说,它来自该文本的第1.10.32节和第1.10.33节,讨论了伦理学理论以及对快乐和痛苦的追求。
Lorem Ipsum 所基于的原始拉丁文段落如下:
"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
这翻译为:"也没有人喜欢、追求或渴望获得痛苦本身,因为它是痛苦..."
这段文本是由弗吉尼亚州汉普顿-悉尼学院的拉丁学者理查德·麦克林托克于1982年发现的。麦克林托克在研究"consectetur"的词源时发现了 Lorem Ipsum 的起源,这是 Lorem Ipsum 段落中较为晦涩的拉丁词之一,当时他在西塞罗的著作中找到了来源。
令人着迷的是,Lorem Ipsum 不仅仅是随机的拉丁文——它是一段关于伦理学以及善恶本质的真实哲学文本的损坏、打乱版本。具有讽刺意味的是,一段关于追求快乐和避免痛苦的文本在500多年来被简化为无意义的填充物,这一点并没有被学者和设计师忽视。
为什么选择西塞罗的文本
选择西塞罗的作品并非完全随机。在文艺复兴和近代早期,古典拉丁文本广泛可用,被认为是书面语言的黄金标准。特别是西塞罗,因其雄辩的散文风格而受到尊敬。
该文本的哲学性质也意味着它包含了各种单词长度和字母组合,使其成为测试字体和布局的理想选择。打乱过程去除了连贯的意义,同时保留了使其对排版有用的视觉特征。
Lorem Ipsum 如何成为行业标准
从古罗马哲学到现代设计标准的旅程是技术演变和实际需求的迷人故事。
印刷机时代(1500年代)
Lorem Ipsum 作为占位文本的使用始于1500年代,当时一位不知名的印刷工拿了一盘铅字并将其打乱以制作字体样本书。这是在印刷机早期,印刷工需要向潜在客户展示不同字体在实际使用中的外观。
印刷工没有使用可能分散字体本身注意力的有意义文本,而是使用看起来像真实文本但无法阅读内容的打乱拉丁文。这使客户能够纯粹专注于字母、间距和整体设计的视觉外观。
Letraset 革命(1960年代)
Lorem Ipsum 在1960年代随着包含 Lorem Ipsum 段落的 Letraset 转印纸的发布而经历了重大复兴。Letraset 是一种干转印字母系统,允许设计师在没有排版设备的情况下创建专业外观的文本。
这些转印纸在全球平面设计师中普及了 Lorem Ipsum,使其成为印刷设计项目的首选占位文本。在转印纸上预制 Lorem Ipsum 文本的便利性意味着设计师可以快速模拟布局,而无需等待实际内容。
数字时代(1980年代至今)
1980年代向桌面出版的过渡巩固了 Lorem Ipsum 作为行业标准的地位。像 Aldus PageMaker 这样的软件包含了 Lorem Ipsum 生成器,后来像 Adobe InDesign、Microsoft Word 和无数网页设计工具也纷纷效仿。
如今,Lorem Ipsum 内置于设计软件中,可通过无数在线生成器获得,并在设计和开发行业中得到普遍认可。你可以找到适用于每个平台的 Lorem Ipsum 生成器,从基于网络的工具到 IDE 插件和命令行实用程序。
设计师为什么使用占位文本
继续使用 Lorem Ipsum 不仅仅是传统——设计师和开发人员每天依赖它有充分的实际原因。
1. 防止内容分散注意力
在审查设计时,利益相关者自然会阅读任何有意义的文本。这将焦点从视觉设计元素——排版、间距、颜色、层次结构——转移到内容本身。人们开始编辑文案而不是评估设计。
Lorem Ipsum 通过立即被识别为占位文本来解决这个问题。每个人都知道忽略文字并专注于视觉呈现。
2. 真实的文本分布
Lorem Ipsum 具有字母、单词长度和句子结构的自然分布,与真实英语和许多其他语言非常接近。这对于准确的设计测试至关重要。
考虑这些特征:
| 特征 | Lorem Ipsum | 真实英语 |
|---|---|---|
| 平均单词长度 | 4-5个字符 | 4-5个字符 |
| 字母频率 | 多样化,自然 | 多样化,自然 |
| 句子结构 | 混合长度 | 混合长度 |
| 可读性 | 故意模糊 | 清晰含义 |
3. 与内容无关的设计
许多设计项目在最终内容可用之前就开始了。营销文案可能仍在开发中,产品描述可能正在等待批准,或者翻译可能尚未完成。Lorem Ipsum 允许设计工作继续进行,而无需等待内容。
这种并行工作流程在现代开发周期中至关重要,其中设计、开发和内容创建通常同时进行。
4. 客户展示优势
向客户展示模型时,Lorem Ipsum 清楚地表明哪些区域需要内容,而不会让客户专注于可能会改变的草稿文案。它设定了适当的期望,并使反馈集中在设计决策而不是文案写作上。
5. 测试边缘情况
设计师可以轻松生成各种长度的 Lorem Ipsum 来测试设计如何处理不同的内容场景:
- 非常短的标题(3-5个单词)
- 中等段落(50-100个单词)
- 长篇内容(500+个单词)
- 单词标签
- 扩展列表和表格
这种灵活性有助于在添加真实内容之前识别布局问题,节省时间并防止最后一刻的设计调整。
快速提示: 始终使用比你预期最终内容更短和更长的 Lorem Ipsum 段落测试你的设计。真实内容很少与初始估计相符,你的设计应该优雅地处理变化。
Lorem Ipsum 在实践中如何运作
了解如何在工作流程中有效使用 Lorem Ipsum 可以显著改善你的设计流程和客户沟通。
常见用例
Lorem Ipsum 几乎出现在数字和印刷设计的每个阶段:
- 网站线框图: 在没有最终文案的情况下显示内容层次结构和布局结构
- 移动应用原型: 测试文本在不同屏幕尺寸和方向中的流动方式
- 印刷材料: 布局阶段的小册子、杂志和书籍
- 电子邮件模板: 在营销文案准备好之前设计响应式电子邮件布局
- 演示文稿: 为未来内容创建带有占位文本的幻灯片模板
- UI 组件库: 用各种组件中的示例文本记录设计系统
标准 Lorem Ipsum 长度
不同的设计元素需要不同数量的占位文本。这是一个实用的参考指南:
| 元素类型 | 推荐长度 | 字数 |
|---|---|---|
| 标题 | 3-8个单词 | 3-8 |
| 副标题 | 5-12个单词 | 5-12 |
| 短段落 | 2-3个句子 | 30-50 |
| 正文段落 | 4-6个句子 | 75-125 |
| 长篇内容 | 多个段落 | 300-500+ |
| 按钮标签 | 1-3个单词 | 1-3 |
| 导航项 | 1-2个单词 |
|