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

UI视觉设计工具链全景认知

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
课程导入
学习目标 · 核心概念 · 整体框架
课程导入学习目标
02
设计工具概览
主流UI设计工具（Figma · Sketch · Adobe XD等）的定位
设计工具概览UI
03
设计基础与规范
视觉设计基本原则（色彩 · 排版 · 间距
设计基础规范
04
设计工具核心操作
Figma/Sketch/XD的界面 · 画板 · 图层
设计工具核心操作Figma/Sketch…
05
组件与设计系统
创建可复用的组件 · 样式 · 变量
组件设计系统
06
设计协作与版本管理
多人协作 · 评论 · 版本历史
设计协作版本管理
07
设计交付与标注
如何为开发准备设计稿 · 标注 · 切图
设计交付标注
08
设计到开发的衔接
理解开发实现 · 使用Zeplin · Avocode
设计到开发的衔接理解开发实现
09
原型与交互设计
在工具链中制作高保真原型 · 定义交互流程与动效
原型交互设计
10
设计令牌与主题化
使用Design Tokens管理颜… · 字体 · 间距等
设计令牌主题化
11
设计工具插件生态
常用插件（如图标 · 插图 · 数据填充
设计工具插件生态常用插件
12
设计资产与资源管理
图标库 · 插画库 · 字体管理
设计资产资源管理
13
设计系统实战案例
分析知名设计系统（如Material… · Ant Design）的构建思路
设计系统实战案例Material
14
工具链整合流程
从需求到设计 · 评审 · 开发
工具链整合流程从需求到设计
15
设计工具自动化
使用脚本 · API · 插件实现批量处理
设计工具自动化使用脚本
16
设计质量检查
使用工具进行视觉走查 · 对比 · 规范检查
设计质量检查使用工具进行视觉…
17
设计工具与前端框架
了解设计工具与React/Vue等框… · 如Figma Tokens · Style Dictionary
设计工具前端框架
18
无障碍设计工具
使用工具检查色彩对比度 · 可读性 · 确保设计符合无障碍标准
无障碍设计工具使用工具检查色彩…
19
设计系统文档化
使用工具生成设计规范文档 · 维护设计系统知识库
设计系统文档化使用工具生成设计…
20
团队设计流程优化
基于工具链的敏捷设计流程 · 提升团队协作效率
团队设计流程优化基于工具链的敏捷…
21
设计工具选型与迁移
如何评估和选择设计工具 · 以及从Sketch迁移到Figma等…
设计工具选型迁移
22
常见问题与解决方案
设计工具使用中的常见坑 · 性能问题 · 协作冲突等
常见问题解决方案
23
设计工具进阶技巧
快捷键 · 高级功能 · 隐藏技巧
设计工具进阶技巧快捷键
24
设计数据与用户研究工具集成
将用户测试 · 数据分析工具与设计工具链结合
设计数据用户研究工具集成
25
设计系统版本管理与发布
使用工具进行设计系统版本控制 · 变更日志和发布流程
设计系统版本管理发布
26
跨平台设计
使用工具链设计Web · iOS · Android等多端界面
跨平台设计Web
27
设计工具与AI结合
探索AI辅助设计 · 自动生成布局 · 智能配色等前沿应用
AI设计工具
28
综合实战项目
从0到1完成一个完整UI设计项目 · 涵盖工具链全流程
综合实战项目UI
29
设计工具链的评估与优化
通过指标评估工具链效率 · 持续改进工作流
设计工具链的评估优化
30
课程总结与未来趋势
回顾核心知识 · 展望UI设计工具链的未来发展方向
课程总结未来趋势