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

UI视觉设计标准认知框架搭建

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
课程导入
UI视觉设计标准认知框架的定义 · 价值 · 适用场景
课程导入UI
02
视觉设计基础
点线面 · 色彩 · 字体
视觉设计基础点线面
03
设计标准认知
什么是设计标准 · 设计规范 · 设计系统
设计标准认知什么是设计标准
04
认知框架构建
如何从用户 · 业务 · 技术
认知框架构建如何从用户
05
用户认知与视觉感知
格式塔原理 · 视觉动线 · 注意力引导
用户认知视觉感知
06
色彩系统标准
色彩理论 · 色板生成 · 语义色
色彩系统标准色彩理论
07
字体与排版标准
字体选择 · 字号阶梯 · 行高
字体排版标准
08
间距与网格系统
8pt网格 · 间距规范 · 栅格系统
间距网格系统
09
图标与插画标准
图标尺寸 · 笔画粗细 · 视觉重量
图标插画标准
10
组件视觉标准
按钮 · 输入框 · 卡片
组件视觉标准按钮
11
视觉层级与信息架构
如何通过大小 · 颜色 · 对比
视觉层级信息架构
12
设计Tokens与变量
颜色 · 字体 · 间距
Tokens设计
13
设计规范文档编写
如何撰写清晰 · 可执行 · 可维护的UI视觉设计规范文档
设计规范文档编写如何撰写清晰
14
设计评审与标准落地
如何用认知框架进行设计评审 · 推动标准在团队中落地
设计评审标准落地
15
案例实战
从零搭建一个移动端UI视觉设计标准认… · 字体 · 间距
案例实战UI
16
案例实战
Web端后台管理系统的视觉设计标准认…
案例实战Web
17
案例实战
跨端（iOS/Android/Web…
案例实战iOS/Android/…
18
常见问题
设计标准过于僵化 · 缺乏灵活性 · 如何平衡规范与创意
常见问题设计标准过于僵化
19
常见问题
团队协作中设计标准认知不一致 · 如何统一认知与沟通
常见问题团队协作
20
常见问题
设计标准如何适应快速迭代与业务变化
常见问题设计标准如何适应…
21
常见问题
无障碍设计（WCAG）在视觉标准中的…
常见问题WCAG
22
常见问题
暗黑模式与主题切换下的视觉标准适配
常见问题暗黑模式
23
工具与方法
Figma · Design Tokens · Style Dictionary等工…
工具Figma
24
度量与验证
如何通过可用性测试 · A/B测试 · 视觉走查来验证设计标准的有效性
度量验证
25
设计系统与品牌
视觉标准如何与品牌调性 · 品牌资产结合
设计系统品牌
26
进阶
动态与动效的视觉标准（时序 · 缓动 · 动效与静态标准的协同）
进阶动态
27
进阶
数据可视化与图表设计的视觉标准
进阶数据可视化
28
综合实战
为一个真实产品（如电商App）搭建完… · 并输出规范文档
综合实战App
29
综合提升
如何持续迭代和治理设计标准 · 建立设计标准委员会或治理机制
综合提升如何持续迭代
30
课程总结
回顾核心知识点 · 梳理从认知到落地的完整路径 · 并给出后续学习建议
课程总结回顾核心知识点