用戶打開一個介面時，通常不會逐字閱讀，而是先掃視畫面，判斷哪個資訊最重要、下一步可以做甚麼。視覺層次就是引導這個判斷過程的設計語言。
先決定畫面的第一重點
每個畫面都應該有一個最主要的訊息或行動。如果標題、圖片、按鈕、提示和導覽全部同樣突出，用戶便需要自行整理資訊，增加理解成本。設計前可先問：用戶進入這一頁後，最需要知道甚麼？最希望他完成甚麼？
主要標題、核心數據或主要按鈕應擁有最高視覺權重。次要資訊則透過較小字級、較淡色彩或較後位置呈現。這種差異不需要誇張，但必須足夠清楚。
字體大小並不是唯一方法
視覺層次可以由字重、行距、色彩、留白、對齊及內容分組共同建立。只靠不斷放大文字，容易令版面失衡，尤其在手機畫面上會降低可讀性。
- 用字重區分標題與內文，而不是所有重要文字都加大。
- 以留白分隔不同內容群組，讓關係自然呈現。
- 將相關資訊對齊，減少用戶視線來回搜尋。
- 保留高對比色給真正需要注意的狀態或行動。
讓內容順序配合用戶思考
清晰的層次亦來自內容排序。一般而言，用戶會先理解目前狀態，再比較選項，最後採取行動。介面應按照這個順序安排，而不是完全跟隨系統資料結構。
例如健康紀錄頁面可以先顯示最新狀態和需要注意的項目，再提供趨勢及歷史紀錄。這比一開始展示所有原始數據更容易理解，也更接近用戶真正關心的問題。
用真實內容測試版面
視覺層次在假文字和短標題下可能看似理想，但遇到較長中文標題、多語言內容或異常數據便容易失效。設計時應加入最長標題、空狀態、錯誤訊息及多行內容，確認層次仍然清楚。
好的視覺層次不是叫用戶看更多，而是讓他們更快看見真正重要的內容。
最後以掃視測試驗證
把畫面縮小、瞇起眼睛，或只看數秒，觀察第一眼落在哪裏。亦可以請未參與項目的人說出他認為的主要訊息和下一步。如果答案與產品目標不同，就代表畫面的視覺權重需要重新調整。
