📌 4px 基准网格原理： 所有间距都用 4 的倍数：4、8、12、16、20、24、32、40、48……
为什么是 4？因为 4 能被大多数屏幕分辨率整除，不会出现半像素。
📌 间距怎么用：
组件内间距（Padding） 按钮内部的上下左右留白：通常 8-12px。 卡片内部内容到边框的距离：通常 16-24px。
组件间间距（Margin / Gap） 紧密相关的元素：8px 普通间距：16px 区块之间：24-32px 大区块分隔：40-48px
📌 建立间距梯度表： 在设计系统里定义一组间距变量： space-xs: 4px space-sm: 8px space-md: 16px space-lg: 24px space-xl: 32px
所有设计稿只用这几个值，不要随手拖。
💡 间距一致 = 界面整洁。这是性价比最高的设计提升。
📚下面这份《UIUX 学习指南》，是我耗时一年沉淀整理，萃取苹果、谷歌等一线大厂设计逻辑，搭建而成的完整体系：
• 从视觉表现、交互逻辑到用户研究、产品思维，全覆盖 UI/UX 设计全链路
• 无论零基础入门、设计师进阶，还是冲刺资深岗位，都能精准匹配
• 每天只需片刻投入，就能系统搭建起专业、扎实的设计认知
爬出低谷，从来不需要惊天动地的顿悟。👇文末加入学习指南，持续学、持续拆、持续沉淀。
你会发现，焦虑与迷茫正被稳稳的确定性取代，你对设计的理解，也从此有了重量。
