Zipic 用的也是系統控件，為什麼看起來會有一點點不一樣？ Zipic 的UI 嚴格遵守《寫給大家的設計書》裡的四個基本原則：親密性、對齊、重複、對比。這四個原則簡單易懂，卻是讓UI 提升一個階梯的最簡單可行的方式。 親密性（Proximity）：相關的元素放在一起。 Zipic 的壓縮清單裡，每個檔案項目的縮圖、檔案名稱、大小、壓縮率緊鄰著，形成一個視覺單元；而不同檔案之間有明顯的間距。用戶掃一眼就能分辨哪些資訊屬於同一張圖片。設定面板也是，依功能分組－輸出設定放一塊，品質設定放一塊，不會把「輸出路徑」和「壓縮品質」混在一起。 對齊（Alignment）：所有元素都要有視覺上的連結。 Zipic 的側邊欄、清單檢視、詳情面板，相同元素內所有文字都有對齊。看起來是小事，但如果對齊亂了，整個介面會顯得「業餘」。 SwiftUI 的`alignment` 參數用得很多，`.leading`、`.trailing`、`.center` 要依照內容類型選擇。 重複（Repetition）：統一的視覺元素貫穿始終。 Zipic 裡的圓角半徑是統一的，所有可點擊的文字都用同一種顏色。圖標風格也統一——要么都用SF Symbols，要么都用自定義圖標，不混搭。這種一致性讓使用者覺得「這是一個完整的產品」，而不是「拼湊出來的」。 對比（Contrast）：重要的東西要突出。壓縮率是使用者最關心的數據，所以用藍色漸變標籤顯示；檔案名稱次要，用常規字體；原始大小更次要，用淺灰色。主次分明，用戶不用思考就知道該點哪個。 這四個原則聽起來簡單，但真正用好需要不斷調整。我的做法是：寫完程式碼先跑起來看效果，覺得哪裡「不對勁」就用這四個原則去檢查。是不是相關元素沒有靠近？是不是對齊出了問題？是不是重複的元素不夠統一？是不是該突出的沒突出？
