**天

上午：用户体验设计概念深入讲解 案例分析 要点分析

1-1 用户体验设计（UE）深入解读

用户体验设计概念

用户体验是什么？

用户体验与产品设计各个环节的关系

什么是UI设计？

用户体验设计的重要性

用户体验设计师工作职责

互联网项目团队构成及配合

中国用户体验设计发展

TCD -> BCD -> UCD

发展历史

用户体验设计流程

用户体验设计五要素

战略层（商业需求和用户需求）

范围层（功能、信息设计）

结构层（信息架构、交互设计）

框架层（原型设计、导航设计）

表现层（色彩体系、视觉规范、图标设计等）

用户体验十大基本原则

状态可见原则

环境贴切原则

撤销重做原则

一致性原则

防错原则

易取原则

灵活高效原则

易扫原则

容错原则

人性化帮助原则

用户体验设计技巧

用户体验测试流程

做好准备工作

制定测试计划

设计测试流程

安排测试地点和设备

进行预测试

招募用户

准备测试房间

测试

数据整理和分析

1-2 用户体验设计案例分析

京东网站菜单结构设计

京东App的菜单结构设计

百度云的文件传输

微信App的体验设计

抖音App的用户体验设计

1-3产品设计流程和注意事项

需求分析

产品定位

竞品分析

用户分析

产品架构设计

UI设计

原型设计

交互设计

产品设计注意事项

产品的设计要点

“轻”的设计和“重”的设计

适度设计

下午：用户画像 用户特征分析 用户分析 竞品分析案例

1-4 用户画像

什么是用户画像？

用户画像的价值

用户画像的方法

用户画像案例

滴滴打车用户画像案例

小红书用户画像案例

抖音用户画像案例

1-5 用户特征分析

划分用户群和用户群矩阵

洞察用户心理和人性

群体用户心理

用户生命周期

用户特征分析案例

豆瓣用户特征分析案例

全民K歌用户特征分析案例

1-6 用户模型

什么是用户模型？

为什么要创建用户模型？

什么时候可以用户角色？

如何创建用户模型？

用户模型案例分析

1-7 需求分析

目标

用户需求

产品需求

功能需求

非功能性需求

需求采集的方法

需求采集的工具和模板

三类核心需求文档

BRD商业需求文档

MRD市场需求文档

PRD产品需求文档

1-8 了解产品定位

什么是定位？

为什么要定位？

产品定位五步曲

产品定位案例

抖音产品定位案例

下厨房产品定位案例

知乎产品定位案例

1-9 了解产品架构

什么是产品架构？

五种架构类型

产品架构的五个层面

产品架构案例分析

核心业务流程

用户功能需求

产品逻辑架构

产品功能架构

1-10 主流新闻App对比分析（今日头条、腾讯新闻等）

主流新闻App介绍

用户画像对比

产品战略层对比

产品范围层对比

产品结构层对比

产品框架层对比

产品表现层对比

第二天

上午：交互设计流程和相关核心概念及实战演练（流程设计 信息架构）

2-1 交互设计

交互设计概念

交互设计流程

任务分析

逻辑流程

页面流程

页面布局

原型设计

交互设计说明

交互设计师介绍

交互设计师简介

交互设计师职能

2.2 流程设计

流程设计概念

逻辑流程

逻辑流程案例（以visio工具讲解）

页面流程

页面流程案例（以Axure RP工具讲解）

流程设计中的用户体验重点

清晰的布局

结构准确的文字描述/提示

给用户反馈

不要在同一个页面里面展开多个流程

2-3 信息架构

什么是信息设计？

什么是信息架构？

信息架构的作用

信息架构怎么做？

信息架构梳理的依据

信息架构案例分析

ToC和ToB信息架构的区别

好的信息架构的特点

案例分析

新闻类app信息架构设计

今日头条信息列表设计

淘宝主导航信息架构设计

在线教育平台信息架构设计

下午：流程设计 原型设计（导航设计 手绘原型 Axure交互原型）实战演练

2-4 导航设计

什么是导航设计

导航设计与信息架构的关系

移动UI导航的架构分类

层级式

辐射式

套娃式

标签式

Web端导航设计

顶部导航-下拉式

顶部导航-标签式

顶部导航-网页定位

顶部导航-纵向分布

左侧导航-标签式

左侧导航-抽屉式

右侧导航-抽屉式

底部导航-标签式

底部导航-网页定位

个性化导航-左右布局

个性化导航-可视化

个性化导航-交互式

混合导航-电商平台（全局导航和商品导航并行）

关联导航-卡片式导航

关联导航-面包屑导航

分步骤式导航

导航设计用户体验原则

导航菜单要清晰可见

告诉用户其当前位置

导航菜单要与用户任务协调一致

导航菜单要易于操作

无感知

一致性

2.5 原型设计

原型设计概念

原型设计工具介绍和优缺点

原型设计分类

手绘模型

灰模模型

交互模型

原型设计的作用和好处

手绘原型设计概念和案例

低保真原型&高保真原型

2.6 使用Axure RP工具进行原型设计

Axure RP介绍

工作区域介绍

基本元件

高级元件

元件交互

在原型设计中添加交互设计说明

案例分析

京东的启动过渡原型案例

图片幻灯效果原型案例

标签式菜单原型案例

京东的用户登录原型案例

美图秀秀的选择图片原型案例

微信的发起群聊效果

第三天

上午：图形图像设计基础概念/图标基础概念和设计创意/企业级 UI 设计体系/语言深度解读

3-1 图形图像设计基础概念

矢量图和位图

像素与分辨率

图片文件格式

图像色彩模式

3-2 界面设计常用工具

PS

AI

FW

3-3 图标基础概念和设计创意

什么是图标？

图标的系统分类

UI图标

CS软件图标

Web图标

图标的尺寸

图标的设计要点

原创图标的创意过程

图标的文件格式

图标设计资源

拟人化图标的绘制技巧

图标光影分析

图标质感分析

透视关系分析

图标技术精修

图标技术静修

3-4 企业级UI设计体系/语言

设计价值观（判断设计好坏的标准）

自然

确定性

意义感

成长性

设计原则（践行设计价值观的具体原则）

亲密性

对齐

对比

重复

直截了当

足不出户

简化交互

提供邀请

巧用过渡

及时反应

视觉体系

色彩

布局

字体

图标

下午: 移动端设计特性 规范 动效设计详解（安卓） IOS设计规范详解

3-5 移动UI设计特性和方法

移动UI设计特性

情景特性

网络特性

物理特性

触摸手势

系统特性

移动UI设计方法

关于输入

简单易懂

注意中断

关注内容

给个反馈

3-6 移动UI设计规范——IOS 设计规范

黄金比例的应用

图标和行距的综合

屏幕分的长宽比

拨号盘

IOS尺寸规范

IOS界面结构解析

IOS新版本规范

3-7 移动UI设计规范——安卓设计规范

Material Design设计语言

介绍

特点

主流安卓手机分辨率和尺寸

几个基本概念

像素pixel（px）

分辨率

屏幕大小

屏幕密度

独立密度像素（dp）

sp与dp

dp与sp的转换

不同密度的安卓屏幕之间的换算

安卓设计规范

安卓界面基本组成元素

安卓设计尺寸以及分辨率

安卓字体和尺寸

安卓的操作栏设计

多面板布局

触摸与反馈

3-8 移动UI动效设计

动效与动画

动效设计在界面设计中的定位

动效设计的作用

动效设计的软件

动效设计的语言工具

动效设计师提交物

动效设计师与程序员的对接

UI中的基本动效

移动APP的交互动效分类

动效设计的方法

动效设计的注意点