界面設計入門常遇到的基本尺寸問題，整理自研究過程中的細節發現與諸多前輩請教，作為新手避坑指南。

核心尺寸知識點

• 畫布與安全區：主流設計稿寬度（如 375pt/750px、1440px）、瀏覽器可視區扣除導航欄/工具欄後的實際高度。
• 元素最小尺寸：點擊熱區建議 ≥ 44×44pt（iOS）/ 48×48dp（Android），圖標常用 24×24、32×32、48×48。
• 間距體系：以 4px/8px 為基礎單位構建間距階梯（4, 8, 12, 16, 24, 32, 48…），保證視覺節奏與開發還原一致性。
• 字體階層：標題/副標題/正文/輔助文字的字號、行高、字重標準化對照表。
• 圖片導出規範：@1x/@2x/@3x 命名、PNG/WebP 選擇、透明度處理、切圖邊距預留。
• 響應式斷點：主流斷點（320, 375, 414, 768, 1024, 1440）對應的佈局變化策略。

尺寸規範非束縛，而是協作效率與視覺一致性的基石。建立專屬設計系統，從這裡開始。