指尖艺术
UI是用户与数字产品交互的桥梁。从组件到动效，从适配到设计系统。
指尖艺术
概述
UI是用户与数字产品交互的桥梁。从组件到动效，从适配到设计系统。
方法
- UI设计流程：产品需求→竞品分析→情绪板→设计语言→组件库→页面设计→交付。
- 设计系统：原子设计理论（原子→分子→组织→模板→页面）；设计令牌（颜色/字体/间距/圆角）。
- 组件库：按钮（5种状态）、输入框、导航栏、卡片、弹窗、开关、滑块、空状态等。
- 响应式适配：移动端375pt → 平板768pt → 桌面1440px；Auto Layout + 约束。
- 微交互：触发→规则→反馈→循环（如点赞缩放+震动）。
- 工具与资源：Figma、Material Design、HIG。
推荐资源
- 📖 《设计体系》阿拉尔·戈特
- 🌐 Material Design 中文站
- 🛠️ Figma