iLoveDevTool設計稿裡那段「亂碼」是幹嘛的
打開任何一份還在進行中的網頁或 App 設計稿，正文位置經常躺著一排排「lorem ipsum dolor sit amet…」——看不懂、讀不出，但整整齊齊佔著版面。這段文本叫佔位文本（placeholder text），是排版行業用了五百年的標準做法。
它解決一個具體問題：排版評審需要內容退場。填真實文案時，評審者的注意力會被內容吸走——挑錯字、改措辭、討論觀點——而沒人看行距、留白、視覺層級。佔位文本沒有任何語義，讀兩秒就放棄，版式成了畫面裡唯一的資訊。
還有個工程理由：真實文案的分詞形態、句長分布會「配合」版面——寫文案的人會下意識遷就空間。佔位文本長度任意伸縮，版面必須自己扛住各種長度的內容。
五百年身世：從西塞羅到鉛字車間
「lorem ipsum」不是憑空造的詞。公元前一世紀，西塞羅在《論至善與至惡》（De Finibus Bonorum et Malorum）1.10.32 節討論倫理時寫下了這麼一段：
Neque porro quisquam est qui dolorem ipsum quia dolor sit amet…（沒有人因為痛苦本身而愛痛苦……）
文藝復興時期，未知姓名的鉛字工人把這類經典文本的活字打亂、抽改，做成排版示範頁——詞頻分布接近真實文本、長短隨意、無語義干擾，是完美的示範材料。這一段恰好流傳了下來。
它在現代的復興靠兩條路徑：1960 年代 Letraset 乾轉印字帖把它印進樣本頁，1970-80 年代 Aldus PageMaker 等桌面排版軟體又把它內建為示例文本。從此「lorem ipsum」從鉛字車間走進了每一台電腦：CMS 主題預覽、設計系統文件、元件庫 Storybook，預設佔位全是它。
注意一個常見訛傳：標準首句是「Lorem ipsum dolor sit adipiscing elit」——adipiscing 是西塞羅原文的屬格分詞形態；「adipisicing」是後來以訛傳訛的變體，流行但不正宗。
中文排版需要中文假文
拉丁假文佔中文版面有一個結構性缺陷：兩種文字的排版行為完全不同。
- 字寬：拉丁字母寬度參差（i 與 m 差數倍），中文方塊字寬度均一——段落灰度、換行密度完全兩碼事
- 斷行：拉丁文按詞斷行（還有連字符），中文可以發生在任意字元間，還疊加避頭尾規則（句號不能上行首、開引號不能落行尾）
- 標點擠壓：中文句讀在行首行尾會被壓縮或懸掛，這是拉丁文沒有的機制
結果就是：用拉丁假文佔位的中文介面，上線換成真實文案後經常要重調字號、行高、段落寬度。做中文產品原型、公眾號排版、中文官網稿時，用中文假文佔位才接近真實效果：從安全詞池隨機抽詞組句，句長有起伏、句讀節奏接近真實中文，但零語義干擾。
實踐：數量、格式與工具
佔位文本的生成需求歸納起來就三個維度：
- 數量：按段落（整塊版面）、句子（短區塊、卡片）或單詞（按鈕、標籤）精確計數
- 語言：通用版式用拉丁慣例，中文排版預覽用中文假文
- 格式：純文本貼文件；HTML
<p>段落或逐句<li>列表直接貼頁面模板
lorem ipsum 產生器把這三個維度做全：段/句/詞三單位精確計數，拉丁與中文假文一鍵切換（中文詞庫人工逐詞審定），純文本/HTML 段落/HTML 列表三種輸出，預設以經典句開頭。佔位文本確定後，真實文案上線時的 URL slug 設計和變數命名（camelCase 與 snake_case 慣例）是同一工作流的後兩步。
常見問題
佔位文本為什麼不用真實文案？
真實文案會干擾排版評審：讀者不自覺去讀內容、挑措辭，版式的行距、留白、視覺節奏反而沒人看。無意義文本讓內容退場、讓版式成為唯一焦點——這是佔位文本存在的全部理由。真實文案還有另一個問題：長度和分詞形態與最終文案不一致，評審過後版面照樣要重調。
lorem ipsum 這段話是什麼意思？
它不是有意義的拉丁文，而是公元前一世紀西塞羅《論至善與至惡》1.10.32 節原文被打亂抽改的產物：文藝復興時期鉛字工人拿經典文本的活字隨手排版示範，其中一段流傳下來成了行業標準。詞頻分布接近真實文本、長度可長可短、沒有任何語義干擾，恰好是完美的佔位材料。
中文排版為什麼不能用拉丁假文佔位？
中文與拉丁文的排版行為差異是結構性的：中文字元寬度均一（方塊字），斷行可以發生在任意字元間（還有避頭尾規則——句號不能出現在行首）；拉丁文按詞斷行、有連字符。標點擠壓（句讀壓縮）更是中文獨有。用拉丁假文佔位的中文介面，上線後經常要重調字號、行高與段落寬度。
中文假文是怎麼生成的？
從人工逐詞審定的安全高頻詞池隨機抽詞組句：每句 5-12 詞、逗號分小句、句號收尾，形態接近真實中文的句讀節奏，但沒有任何可讀語義。與手寫一段「測試文本測試文本」相比，隨機假文的句長有起伏，更能暴露排版問題。