經典原則跨越介質長存。設計本質是特定功能的構成——無論載體是位元還是原子。網頁設計從印刷祖先處受益良多。掌握這 3 條印刷鐵律，顯著提升 UI/UX 設計質量，創造更易懂、更好用的產品。

01 讓用戶保持專注：為掃視而設計

印刷設計核心是易讀性，網頁同理——只是「讀者」換成「用戶」。目標：清晰表達 + 輕松縱覽。

排版模式：F 型 vs Z 型

• F 型：視線頂部橫掃 → 左側垂直下移尋找關鍵詞 → 發現興趣點再橫向瀏覽。適合內容密集型頁面（如 Creative Bloq 首頁）。
• Z 型：頂部水平 → 左下斜向 → 下一行水平。適合轉化導向頁面（如 MailChimp 首頁）。

文字層級體系

清晰層級助力關鍵詞突出，降低瀏覽成本：

• 主要：最大/最亮，標題/裝飾用，吸睛。
• 次要：中間層，常規文本中突出。
• 再次：正文級，沉浸閱讀體驗。
• 其他：斜體/粗體/下劃線/色差等微調。

3 秒法則驗證易讀性

掃視 3 秒 → 移開視線 → 印象中突出內容是否反映設計意圖？是則方向正確，否則重設計。

02 建立平衡感：秩序感的視覺錨點

對稱/非對稱/放射狀平衡，創造穩固一致感受，用戶輕鬆則願久留。

• 拒絕過度密集：元素間隙即呼吸感，雜亂阻礙信息流轉。
• 極簡設計利用負空間引導視線：深/淺背景配前景元素，製造視覺張力。

ETQ 鞋履官網：負空間引導視線聚焦產品，底部黑白色塊對比引導操作，極少干擾創造平靜秩序感，助力轉化

03 創造可靠設計：包容性與一致性

• 字體不超 2 種，確保全年齡層可讀。
• 圖片過多 = 干擾信息，手足無措時即為超標信號。
• 配色服務受眾：醫院用冷靜柔和色，青少年用鮮明活潑色。

UC San Diego Health 醫療官網：冷靜配色嚴肅內容完美契合

印刷/網頁同犯的 3 大錯誤

1. 測試不足：跨媒介（Web/電子書/印刷）、跨屏幕尺寸/分辨率/瀏覽器必測。字體遷移可能導致可讀性驟降，須尋找全場景適用字體。
2. 語調不當：標題吸引、副標題闡明、正文如友善對話（溫暖親切、引發探索慾）。
3. 格式錯誤：遵循媒介規範：印刷 CMYK、網頁 RGB，否則陷入無限改稿地獄。

印刷設計百年積澱，網頁設計三十年演進。將經典原則內化為設計直覺，是通往資深之路的必修功課。