← 全部學習筆記
2026-10-27 學到
設計

視覺層級要限量:大小最多三級,最大的最多兩個,靠間距分組

視覺層級可用顏色與對比、大小、分組三種工具做,每種都有上限:對比最多 3 種、大小最多 3 級、最大的元素最多 2 個。

怎麼做

  1. 開始前先定義內容的層級與要讀者帶走的重點。
  2. 再用顏色與對比、大小、分組去套,各有上限。
  3. 做完後瞇眼或輕微模糊檢查,看強調的東西和分組有沒有如預期。
  4. 最後找目標使用者實際測試。

可以怎麼用

下一張圖卡完成後,先縮小並糊化看第一眼是不是預期的元素,再決定要不要改。

注意:原文講的是網頁與 App 螢幕,作者自己提醒內容也會改變層級,例如顏色極強的照片。

來源:Kelley Gordon,2021-01-17|看原文