📌 布局相关： Flex 布局 — 元素水平或垂直排列，间距自动分配（对应 Figma 的 Auto Layout） Grid 布局 — 二维网格布局，适合复杂页面 百分比 vs 固定宽度 — 理解响应式布局的基础
📌 样式相关： margin — 元素外部间距 padding — 元素内部间距 border-radius — 圆角 box-shadow — 阴影 opacity — 透明度 z-index — 层级（谁盖在谁上面）
📌 动画相关： transition — 简单的属性过渡（比如颜色从 A 变到 B） animation — 复杂的关键帧动画 transform — 位移、缩放、旋转 ease / ease-in-out — 缓动曲线
📌 组件化思维： 前端把页面拆成一个个「组件」拼装。 和你在 Figma 里做组件是一样的思路。 理解这个，你就明白为什么组件的复用性这么重要。
💡 不用专门上课，工作中遇到了查一下就行。 慢慢积累，半年后你会发现沟通顺畅了很多。
📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，每天 5～10 分钟，坚持学习。
你会发现，焦虑、迷茫会被“坚实的确定性”挤走，你重新认识了自己和设计。
