虛擬文字是一種佔位用的文字 — 雖然沒有意義,但看起來像自然的填充內容,設計師、開發人員和排版工人會在真正的寫作完成之前,將其放入版面中,以便審查排版、間距和視覺平衡,而非草稿用字。這種填充文字最廣為使用的版本,自至少 1500 年代起就是 Lorem Ipsum,當時一位不具名的印刷工人將西塞羅於西元前 45 年所寫的拉丁文論文《De finibus bonorum et malorum》中的一段文字打亂,成為至今印刷業仍預設使用的偽拉丁文。熟悉的開頭「Lorem ipsum dolor sit amet」本身就是原始文字的一段亂碼 — 「Lorem」只是拉丁文中表示痛苦(dolorem)一詞的截斷形式 — 而這段文字之所以表現得像真正的散文,是因為其字詞長度與句子節奏的組合,符合讀者對英文的預期。這正是虛擬文字的重點:它能令人信服地佔據空間,使版面看起來像是一個版面,而不是一份待編輯的草稿。

虛擬文字的真正來源
Lorem Ipsum 並非隨機的胡言亂語。它的根源是真實的拉丁文 — 具體而言,是羅馬政治家兼演說家西塞羅於西元前 45 年所寫的哲學論文《De finibus bonorum et malorum》(「論至善與至惡」)中的一段文字。這部作品以「Neque porro quisquam est qui dolorem ipsum quia dolor sit amet…」開頭的片段,在數個世紀後被打亂,成為我們今日熟悉的版本。
這種被打亂的填充文字首次有記載的使用,出現在 1500 年代的一本字體樣本冊中,當時一位不具名的印刷工人拿起一盤活字,將其打亂以展示這些字體的效果。印刷工人複製了這個手法,因為它確實有效:這些字詞看起來像真實的文字,卻毫無意義,因此排版工人和客戶可以專注於字型本身,而非訊息內容。到了 1980 年代桌上排版出現時,Lorem Ipsum 已經成為印刷業的標準填充文字長達四個世紀,而 Aldus PageMaker(以及後來的 QuarkXPress 和 InDesign)在每一份新文件中都將其作為內建選單選項提供。
那個大家熟悉的開頭 — 「Lorem ipsum dolor sit amet, consectetur adipiscing elit」 — 之所以留存至今,是因為它會被原封不動地從一份文件複製到另一份文件。設計師和開發人員一眼就能認出它是佔位文字,而這正是重點。當有人瞥見一份草稿並看到那些字詞時,他們就會知道要看版面,而不是看文字內容。
為何 Lorem Ipsum 勝過真實的佔位文字
虛擬文字之所以存在,是因為有意義的文字會改變審稿者注意的焦點。在線框稿中放一段可讀的英文 — 即使是像「content goes here, content goes here, content goes here」這樣中性的文字重複一打 — 利害關係人就會開始評論措辭、語氣或重複性。眼睛會被可閱讀的文字吸引,而一旦眼睛投入,大腦就會批判訊息內容,而不是版面配置。
Lorem Ipsum 避開了這種吸引力。由於這些字詞看起來像自然的文字,卻不帶任何意義,設計就能保持為設計。審稿者可以專注於排版、行高、間距、層級、色彩對比和視覺平衡,而不會因為文字內容的好壞而分心。這就是為什麼專業的模型稿在早期階段幾乎從不使用真實的草稿文字。
這背後也有一些實際的原因。真實的草稿文字長度往往不一致,而在審查過程中編輯它,會導致斷行、段落和欄位高度發生變化,進而使版面決策失效。Lorem Ipsum 可以按受控的長度產生,這能讓版面的幾何形狀在多輪回饋中保持穩定,而且同一段填充文字可以在多個模型稿中重複使用,以在平等的基礎上比較不同的設計方向。
虛擬文字在實際專案中出現的地方
佔位文字的使用情境比大多數人意識到的更多。一些最常見的情境包括:
- 網頁和應用程式模型稿:設計師會將 Lorem Ipsum 放入線框稿、Figma 框架和高擬真版面中,以在任何真實內容撰寫完成前,展示完成後頁面的樣貌。
- UI 元件庫:按鈕、卡片、模態框和工具提示都會隨附範例文字,讓元件在設計系統和 Storybook 文件中看起來真實。
- CMS 和佈景主題範本:WordPress、Webflow、Shopify 及類似平台在其入門佈景主題中包含佔位文字,讓新網站在首次載入時看起來已有內容。
- 印刷版面構成:雜誌、書籍、手冊和包裝模型稿使用填充文字來展示欄寬、行距和頁面平衡。
- 電子郵件和電子報設計:前導文字、內文和頁尾區塊通常會在行銷團隊完成真實訊息前,以佔位文字填入。
- 自動化測試:QA 套件需要接近真實長度的字串,以測試表單、驗證、分頁和版面在不同文字長度下的行為是否正確。
針對上述每一種情境,適合的填充單位各不相同。部落格模型稿需要段落;工具提示模型稿需要句子;按鈕模型稿只需要一兩個字詞。一個好的產生器讓你選擇單位,而不僅僅是總長度。
如何使用 Lorem Ipsum 產生器產生虛擬文字
取得乾淨佔位文字的最快方式,是使用像 Lorem Ipsum 產生器 這樣的瀏覽器工具。由於它在本機的瀏覽器中執行,無需註冊,也不會將任何資料傳送到伺服器。
- 選擇一個單位 — 段落、句子或字詞 — 然後輸入你想要的數量。
- 開啟「以 Lorem ipsum dolor sit amet… 開頭」以取得經典開頭,或關閉它以取得全新的填充文字。
- 點擊 Generate(產生)來建立文字,然後點擊 Copy(複製)將其送到你的剪貼簿。
將結果直接貼到 Figma、CMS 編輯器、Photoshop 構成、VS Code 檔案,或任何你版面所在之處。如果你需要不同的長度或不同的組合,再次點擊 Generate — 每次點擊都會重新洗牌輸出,讓你比較不同變化,而無需重新輸入任何內容。
段落、句子或字詞:選擇正確的單位
你選擇的單位應該符合你要填入的位置。下表將常見的版面位置與通常最合適的單位進行對應,並列出每個單位的典型數量。
| 單位 | 最適用於 | 典型數量 |
|---|---|---|
| 段落 | 文章內文、部落格範本、長格式登陸頁、雜誌跨頁 | 完整文章模型稿使用 3–10 個段落 |
| 句子 | 卡片文字、圖說、工具提示、推播通知、模態框說明 | 每個元件 1–3 個句子 |
| 字詞 | 標題、按鈕標籤、導覽項目、表單欄位佔位文字、替代文字模型 | 每個位置 1–6 個字詞 |
對於混合式版面 — 例如一個包含標題和段落的英雄區塊 — 請分別產生各個單位,然後將它們貼到對應的位置。這能保持頁面幾何的誠實性,並讓你測試真實標題與真實內文區塊的互動方式。
什麼樣的虛擬文字產生器值得使用
並非所有產生器的行為都相同。挑選時,請留意幾個會影響輸出實用性的實用功能:
- 單位選擇。只能產生段落的產生器會迫使你手動修剪輸出。一個能讓你選擇段落、句子或字詞的工具,能在每次製作模型稿時節省時間。
- 經典開頭切換。「Lorem ipsum dolor sit amet」這個開頭一眼就能被認出是佔位文字,這在與審稿者共享檔案時很重要。當你想要看起來不像填充文字的內容時,一個能將其關閉的切換鈕會很有用。
- 本機處理。完全在瀏覽器中執行的產生器 — 例如 Lorem Ipsum 產生器 — 不會將你的文字傳送到任何地方,在頁面載入後即使離線也能繼續運作,並且不需要帳號。
- 一鍵複製。佔位文字的重點就是跳過重新輸入。請尋找能一鍵將整個區塊放入剪貼簿的複製按鈕。
這些功能結合起來,能將佔位文字從一項手動雜務變成一步到位的實用工具。對於大多數時間都在 VS Code 中工作的開發人員來說,一個專注的瀏覽器工作流程可以進一步加快速度 — 請參閱這篇關於在 VS Code 中直接產生 Lorem Ipsum的逐步操作指南。