VIP20
本课程属于：039-UI视觉设计 综合方向 · 共 20 门相关课程，组合学习更完整。
查看所属VIP全部课程 →
← 返回所属目录 咨询 / 购买

UI视觉设计团队标准落地培训方案

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
课程导入
培训背景 · 目标学员 · 学习路径
课程导入培训背景
02
设计标准基础
UI视觉设计标准定义 · 价值 · 范围及与品牌规范的关系
设计标准基础UI
03
设计系统概览
设计令牌 · 组件库 · 模式库
设计系统概览设计令牌
04
视觉设计原则
对齐 · 对比 · 亲密性
视觉设计原则对齐
05
色彩系统落地
色彩语义 · 色板生成 · 对比度规范
色彩系统落地色彩语义
06
字体排版规范
字体家族 · 字号阶梯 · 行高
字体排版规范字体家族
07
间距与网格系统
8pt网格 · 栅格布局 · 间距令牌
间距网格系统
08
图标设计标准
图标风格 · 尺寸 · 网格
图标设计标准图标风格
09
组件视觉规范
按钮 · 输入框 · 卡片
组件视觉规范按钮
10
插画与图形规范
插画风格 · 配色 · 线条
插画图形规范
11
动效设计标准
动效原则 · 时长 · 缓动曲线
动效设计标准动效原则
12
设计文件管理
图层命名 · 组件命名 · 样式命名
设计文件管理图层命名
13
设计交付规范
标注 · 切图 · 导出
设计交付规范标注
14
设计评审流程
评审角色 · 评审标准 · 反馈收集
设计评审流程评审角色
15
设计令牌落地
令牌命名 · 分类 · 平台映射及与代码组件的同步机制
设计令牌落地令牌命名
16
跨端适配规范
iOS · Android · Web
跨端适配规范iOS
17
无障碍设计标准
色彩对比 · 字体可读性 · 触控目标
无障碍设计标准色彩对比
18
设计标准文档化
如何编写清晰 · 可维护 · 易查找的设计规范文档
设计标准文档化如何编写清晰
19
设计标准推广
团队培训 · 宣导 · 答疑
设计标准推广团队培训
20
案例实战
从0到1为一个B端产品搭建视觉设计标…
案例实战从0到1为一个B…
21
案例实战
重构现有C端App的视觉规范 · 提升一致性并降低开发成本
案例实战App
22
案例实战
设计系统在大型团队中的落地流程与协作…
案例实战设计系统
23
常见问题
设计标准与创意冲突时如何平衡？如何避…
常见问题设计标准
24
常见问题
多团队协作时标准不一致 · 执行偏差的根因与解决策略
常见问题多团队协作时标准…
25
常见问题
设计标准如何适应快速迭代与业务变化
常见问题设计标准如何适应…
26
工具与效率
Figma · Tokens Studio · Storybook等工具链在标准落地…
工具效率
27
度量与复盘
如何量化设计标准带来的效率提升 · 质量改善及业务价值
度量复盘
28
综合提升
从视觉设计标准到设计治理 · 构建团队设计成熟度模型
综合提升从视觉设计标准到…
29
综合实战
模拟真实项目 · 学员分组完成标准制定 · 评审
综合实战模拟真实项目
30
课程总结
核心要点回顾 · 常见误区 · 行动清单
课程总结核心要点回顾