Skip to content

設計基礎與視覺

📌 規劃佔位頁:本頁為「設計基礎與視覺:版式(網格與 4/8px 間距)、色彩(語意分層與 60-30-10、對比度先行)、字體排印(字階模數與中英混排)、視覺層次四原則與品牌一致性」預留,內容將隨學習逐步填充。

計畫收錄

  • [ ] 版式:12 欄網格、4/8px 間距單位、留白紀律
  • [ ] 色彩:中性/品牌/語意分層、對比度先行選色、60-30-10、HSL 調色
  • [ ] 字體排印:模數字階、行高/行寬、中英混排規則
  • [ ] 視覺層次:對比 / 親密性 / 對齊 / 重複
  • [ ] 品牌一致性:經由令牌與元件落地(與「UI 介面與設計系統」互鏈)

下一步

  • [ ] 對照領域概覽的規劃清單逐項完善本頁
  • [ ] 為每個條目補充可執行的範例與踩坑記錄
  • [ ] 完成後把「規劃中」狀態改為「已收錄」

寫作規範請參閱寫作指南

基於 VitePress 建置 · 內容以知識共享方式沈澱