Lorem Ipsum — — 用在 UI 介面設計上的假文假字。

Image for post
Image for post
原文刊載於個人網站 https://riven.design/1940

什麼是 Lorem Ipsum

Image for post
Image for post
Lorem Ipsum 用於代替真實文案

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem Ipsum 的用途

Image for post
Image for post
Lorem Ipsum 就像歷史本文,就算看不懂內容也能知道那上面有東西。–《海賊王》
Image for post
Image for post
開發期間太過功能性的文字讀起來很出戲餒

使用 Lorem Ipsum 的缺點

詞不達意的設計

還要另外解釋這是什麼

中文的使用難題

用塊狀字型結束這回合

Image for post
Image for post
在 Adobe Xd 中直接將文字(英文)套用塊狀字型
Image for post
Image for post
滑到下面按 Download the Redacted Font 就可以下載。
Image for post
Image for post
英文與中文在介面上的視覺佔比不同
Image for post
Image for post
提醒此字型要套用在英文文字上才會有效。

中文 Lorem Ipsum 的使用方式

Image for post
Image for post
輸入主題與大概字數就會自動產生相關文字
Image for post
Image for post
將唬爛文字用於 UI 介面上意外合適。

數字專用字型 Norum Ipnum

Image for post
Image for post
Use These ‘Dummy Numbers’ When Prototyping With Data
Image for post
Image for post
套用了 Norum Ipnum 的數字

重點總結

Image for post
Image for post

是數位遊牧型態的設計師💻 喜歡邊旅行邊工作的生活,逐網路、插座與咖啡而居。期待能夠將艱難的設計與開發技術,用麻瓜都能夠聽得懂的話,說給每一個人聽。更多關於我:riven.design

Get the Medium app