視覺一致性不等於頁面一模一樣

帳單頁需要便於密集比較並清楚顯示金額；編輯內容頁則需要舒適的閱讀節奏。讓兩者使用完全相同的版面配置，會忽略它們不同的任務；但共享字體、互動慣例和具有語義的顏色選擇，仍能讓它們看起來屬於同一產品。

當視覺信號的含義意外改變時，問題就出現了。如果強調樣式在一個頁面代表主要操作，在另一個頁面代表已選篩選項，在其他地方又代表錯誤，訪客就不得不反復重新理解它。審查含義，而不只是顏色值。

把用途相同的控件放在一起，在相同狀態和相同寬度下比較。不要拿禁用按鈕與啟用按鈕作比較；表格中的緊湊操作，也不一定要和頁面級的主要操作一樣大。

針對每一處差異，問問它是否遵循某條規則。“數據行內使用緊湊操作”是一條規則；“這個螢幕上的小按鈕看起來更好”則是局部偏好，產品越大就越難維護。

設想有十二張卡片的間距不一致，其中十張來自共享組件，另外兩張是本地單獨實現的。逐一修改十二個頁面會掩蓋結構上的差別。決定修改範圍前，先檢查共享卡片的間距，以及那兩處例外為何存在。

設計令牌能明確表達重復使用的選擇，但只有令牌名稱並不能說明何時該使用它。為共享值配上一條簡短的使用規則，再舉出一個合理例外。這樣既能讓系統發揮作用，也不會讓每種新組合都變成規則之爭。

試試較長的標題、缺失的圖片、空結果，以及內容很密集的正文。這些狀態能揭示組件是否遵循連貫的版面配置規則，還是只適配了設計時使用的示例內容。

記錄希望保留的規則：同等選項應有相同強調程度、內容組之間應清楚區分，或下一個操作應位於穩定的位置。這樣的規則比“照着某張截圖做”更能幫助後續參與者。