日程

时间

课程模块

09:00-10:30

用户体验设计实战专业体系与流程介绍（结合真实案例举例）

设计需求部分：用户调研与研究，竞品分析，用户情景分析

交互设计师部分：任务流分析，信息架构设计，原型设计

UI设计师部分： UI视觉设计流程，语义

产品经理，用户研究员，如何与交互设计师和UI设计师进行配合

实践互动环节1：理解用户体验设计的三种设计需求

课程核心案例：金融课程体系案例:真实银行网银界面专业设计全流程揭秘（WEB端产品）

（产品诊断，竞品分析，交互设计，视觉风格定义，UI设计）

讨论与答疑环节

10:30-10:40

课间休息和答疑。

10:40-12:00

交互设计方法核心技能1:   用户任务流分析和信息架构设计

核心要点：任务流分析和信息架构的概念和设计原理

信息分类与信息结构

交互设计师核心技能2: 交互原型设计（交互设计模式）

信息架构与交互原型的关系

交互设计模式的概念与原理

课程核心案例：周大福电商网站的交互原型设计思考（web端产品最重点案例）

课程核心案例：网银专帐流程的交互设计改进（web端产品）

讨论与答疑环节

12:00-13:00

午间休息。

日程

时间

课程模块

下午

13:00-14:30

设计审美理论（上）：视觉设计的核心基础知识

1.格式塔心理学与视觉传达

2.立体视觉与平面视觉，色彩和谐原理

3信息设计的视觉设计原理

详解：形状隐喻，色彩隐喻，位置隐 喻，动效隐喻

14:30-14:40

课间休息

14:40-16:00

设计审美理论（下）：理解界面设计的审美风格

核心要点：产品UI视觉风格的原理与应用，

详解决定视觉风格的三个因素：品牌因素，用户偏好因素，流行趋势因素

详解UI视觉审美的四个趋势

1. 拟物化设计（Skeuomorphic design）及其界面应用

2. 装饰化设计（Rich design）及其界面应用

3. 扁平化设计（Flat   design）及其界面应用

4. 未来设计审美趋势（科技感，3D风，视频风，插画风等）

第二天：设计审美理论与UI设计师核心方法

当用户了解了整体用户体验设计的体系方法，用户需求分析和交互设计的方法后，将进一步对设计审美理论和专业UI设计的核心方法进行进一步学习。

日程

时间

课程模块

上午

9:00-10:20

UI设计的核心方法（由四个核心要素部分构成）

语义符号系统，视觉风格，信息可视化设计，UI规范

UI设计核心要素1:语义图标符号在设计中的应用和设计方法

核心要点：语义符号的原理与语义符号的语义提取设计方法

课程核心案例: 语义符号的语义设计方法实战案例（结合案例）

实践互动环节3:结合语义符号与视觉风格来设计一个语义符号系统（分组PPT汇报）

10:20-10:30

课间休息

10:30-12:00

动效设计方法与应用

1.动效设计的对UI设计的意义和物理与空间视觉隐喻本质

2. UI动效设计的四个分类

（指示性动效，转场动效，提示动效，表现性动效）

四类动效在UI界面设计中的应用

指示性动效（导航层级，反馈状态，用户引导，加载与进度等待）

转场动效（缩放过渡，渐隐，界面框架加载过渡）

提示动效（旋转震动，着色，深度变化，图标动画）

表现性动效（Logo动画，趣味插画动画等）

3.UI动效的基础本质动画设计方法

缓动（线性，加减速，克制），偏移与延迟，父子关系，变形，数字变化，覆盖，生成，蒙层，视差，多维，镜头缩放）

12:00-13:00

午间休息

日程

时间

课程模块

13:00-14:30

UI设计核心要素2: 数据可视化设计与应用

信息可视化的意义与形式

信息可视化的四种类型（数据可视化图表，信息图，示意图，地图）

数据图表可视化设计设计方法：组织数据，发现Idea，选择正确的图表

怎样选择合适的数据图表，每种数据图表适合表达什么样的故事？

（线性图，柱状图，饼状图，面积图，散点图，气泡图，区域分布图，时间线图）

数据可视化设计在金融产品中的应用举例

14:30-14:40

课间休息

下午

14:40-15:20

怎样才是一个好的界面UI设计？

评价界面UI设计水准的通用标准

产品UI设计的四个核心要素

（1.语义符号系统，2.视觉风格定义 3.信息可视化设计   4.界面规范系统）

结合真实案例解释以上每个部分内容进行案例说明

实践互动环节2:找到一个我们认为“不好”的界面，从通用标准和UI设计四要素的角度来分析

15:20-15:30

课间休息

15:30-17:00

UI设计核心要素4: UI 视觉规范

核心要点：如何建立专业产品UI界面视觉规范

课程核心案例：

1.谷歌扁平化视觉规范系统及其相关案例（WEB端+移动端）

2.大型电商平台视觉规范系统实战案例（WEB端案例）

设计趋势研究与自我提升

面对自己设计的产品，如何通过研究设计趋势来提高UI设计水平？

核心要点：UI设计视觉研究方法，结合UI设计四要素，对UI设计方案进行设计表达

图易设计公司内部员工培训的方法和案例（针对所设计产品）

17:00-17:30

课程总结与答疑