📌 布局相关： 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 学习指南》，是我花费一年时间，深度提炼苹果、谷歌等大厂设计思想，整理出的系统化成长路径：
• 全链路覆盖：视觉、交互、用户研究、产品思维一网打尽
• 从入门到进阶再到资深，不同阶段都能找到对应的提升方向
• 每日少量坚持，即可稳步搭建起专业、通透的设计认知体系
👇文末加入「UIUX 学习指南」，用持续的行动对抗迷茫。
焦虑会在深耕中消散，你会在坚持里，重新理解设计的价值与力量。
