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

视觉设计中的用户体验优化

共计 30 章节
点击此处阅读海量试读课程：100+行业、1000+细分领域
01
课程导入
学习目标 · 核心概念 · 整体框架
课程导入学习目标
02
用户体验基础
用户体验的五大要素（战略层 · 范围层 · 结构层
用户体验基础用户体验的五大要…
03
视觉设计原则
对比 · 对齐 · 重复
视觉设计原则对比
04
色彩心理学与用户体验
色彩的情感效应 · 色彩搭配方法 · 无障碍色彩对比度要求
色彩心理学用户体验
05
排版与可读性
字体选择 · 字号层级 · 行高字距对阅读体验的影响
排版可读性
06
布局与视觉动线
F型 · Z型视觉动线 · 栅格系统与留白设计
布局视觉动线
07
图标与图形设计
图标语义化 · 识别性 · 一致性设计
图标图形设计
08
图像与插画运用
图片选择 · 裁剪 · 插画风格对用户情绪和认知的影响
图像插画运用
09
动效与交互反馈
微交互 · 过渡动画 · 加载状态设计对用户体验的提升
动效交互反馈
10
视觉层级与信息架构
如何通过视觉权重引导用户注意力 · 突出核心信息
视觉层级信息架构
11
用户认知与视觉感知
格式塔原理 · 认知负荷 · 视觉搜索模式在界面设计中的应用
用户认知视觉感知
12
无障碍设计（A11y）
视觉障碍用户的需求 · WCAG标准 · 高对比度与屏幕阅读器适配
A11y无障碍设计
13
响应式与自适应视觉设计
不同设备下的视觉适配策略 · 断点设计 · 弹性布局
响应式自适应视觉设计
14
设计系统与视觉规范
建立统一的设计语言 · 组件化视觉元素 · 维护一致性
设计系统视觉规范
15
用户研究与视觉测试
A/B测试 · 眼动追踪 · 可用性测试中视觉维度的评估方法
用户研究视觉测试
16
视觉设计中的情感化设计
通过视觉元素激发用户情感 · 建立品牌信任
视觉设计情感化设计
17
案例实战
电商App首页视觉优化——从信息密度 · 色彩 · 排版到转化率提升
案例实战App
18
案例实战
SaaS后台数据可视化界面——图表配… · 数据层级与用户决策效率
案例实战SaaS
19
案例实战
移动端表单设计——减少视觉干扰 · 提升完成率
案例实战移动端表单设计
20
案例实战
品牌官网视觉重塑——视觉风格与用户认…
案例实战品牌官网视觉重塑
21
常见误区
过度装饰 · 视觉噪音 · 忽视内容优先级等典型问题及修正方法
常见误区过度装饰
22
常见误区
色彩滥用 · 字体混乱 · 动效过度——如何平衡美观与功能
常见误区色彩滥用
23
常见误区
忽略不同用户群体（色盲 · 老年人 · 低视力）的视觉需求
常见误区忽略不同用户群体
24
工具与方法
Figma · Sketch · Adobe XD中的视觉设计技巧
工具Figma
25
视觉设计中的用户心理模型
如何利用视觉隐喻 · 心智模型降低学习成本
视觉设计用户心理模型
26
视觉设计中的说服力设计
视觉引导 · 默认选项 · 紧迫感元素对用户行为的影响
视觉设计说服力设计
27
视觉设计中的品牌一致性
视觉识别系统（VI）在数字产品中的延…
视觉设计品牌一致性
28
视觉设计中的国际化与本地化
不同文化下的色彩 · 图标 · 排版习惯
视觉设计国际化
29
综合实战项目
从用户调研 · 视觉方案设计 · 原型制作到可用性测试的完整流程
综合实战项目从用户调研
30
课程总结与进阶路径
回顾核心知识点 · 推荐资源 · 如何持续提升视觉设计中的用户体验能力
课程总结进阶路径