APP-UI 设计系统

以微信为案例、流程为主线，通往设计系统/工程化的 APP UI 设计课。

这门课沿 "设计一个 APP 的完整工作流" 展开：先讲透「设计要素 × 工作流程」全景图，再沿流水线逐环节深入。每个知识点都以微信真实界面为锚点，配合交互演示动手理解。

课程主线：设计要素 × 工作流程

要素	回答的问题	具体内容
内容 Content	要传达什么?	文字、图片、数据、功能
结构 Structure	怎么组织?	布局、网格、间距、信息层级
视觉 Visual	什么气质?	色彩、字体、图形、图标
交互 Interaction	怎么操作?	导航、状态、反馈、动效
系统 System	怎么复用?	组件、Token、规范

八个环节

① 理解需求 → ② 定义目标 → ③ 调研洞察 → ④ 信息架构 → ⑤ 流程线框 → ⑥ 视觉设计 → ⑦ 设计系统 → ⑧ 交付迭代

从左侧目录选择单元开始学习，或从「单元一 · 导读」出发。