时间 学习内容

第1天 上午：用户体验设计概念深入讲解+案例分析+要点分析 下午：用户画像+用户特征分析+用户分析+竞品分析案例

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

用户体验设计概念

o用户体验是什么？

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

o什么是UI设计？

用户体验设计的重要性

用户体验设计师工作职责

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

中国用户体验设计发展

oTCD -> BCD -> UCD

o发展历史

用户体验设计流程

用户体验设计五要素

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

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

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

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

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

用户体验十大基本原则

o状态可见原则

o环境贴切原则

o撤销重做原则

o一致性原则

o防错原则

o易取原则

o灵活高效原则

o易扫原则

o容错原则

o人性化帮助原则

用户体验设计技巧

用户体验测试流程

o做好准备工作

o制定测试计划

o设计测试流程

o安排测试地点和设备

o进行预测试

o招募用户

o准备测试房间

o测试

o数据整理和分析

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

京东网站菜单结构设计

京东App的菜单结构设计

百度云的文件传输

微信App的体验设计

抖音App的用户体验设计

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

需求分析

产品定位

竞品分析

用户分析

产品架构设计

UI设计

原型设计

交互设计

产品设计注意事项

o产品的设计要点

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

o适度设计

1-4 用户画像

什么是用户画像？

用户画像的价值

用户画像的方法

用户画像案例

o滴滴打车用户画像案例

o小红书用户画像案例

o抖音用户画像案例

1-5 用户特征分析

划分用户群和用户群矩阵

洞察用户心理和人性

群体用户心理

用户生命周期

用户特征分析案例

o豆瓣用户特征分析案例

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

1-6 用户模型

什么是用户模型？

为什么要创建用户模型？

什么时候可以用户角色？

如何创建用户模型？

用户模型案例分析

1-7 需求分析

目标

用户需求

产品需求

o功能需求

o非功能性需求

需求采集的方法

需求采集的工具和模板

三类核心需求文档

oBRD商业需求文档

oMRD市场需求文档

oPRD产品需求文档

1-8 了解产品定位

什么是定位？ 

为什么要定位？

产品定位五步曲

产品定位案例

o抖音产品定位案例

o下厨房产品定位案例

o知乎产品定位案例

1-9 了解产品架构

什么是产品架构？ 

五种架构类型

产品架构的五个层面

产品架构案例分析

o核心业务流程

o用户功能需求

o产品逻辑架构

o产品功能架构

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

主流新闻App介绍

用户画像对比

产品战略层对比

产品范围层对比

产品结构层对比

产品框架层对比

产品表现层对比

第2天 上午：交互设计流程和相关核心概念及实战演练（流程设计+信息架构） 下午：流程设计+原型设计（导航设计+手绘原型+Axure交互原型）实战演练

2-1 交互设计

交互设计概念

交互设计流程

o任务分析

o逻辑流程

o页面流程

o页面布局

o原型设计

o交互设计说明

交互设计师介绍

o交互设计师简介

o交互设计师职能

2.2 流程设计

流程设计概念

逻辑流程

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

页面流程

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

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

o清晰的布局

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

o给用户反馈

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

2-3 信息架构

什么是信息设计？

什么是信息架构？

信息架构的作用

信息架构怎么做？

信息架构梳理的依据

信息架构案例分析

ToC和ToB信息架构的区别

好的信息架构的特点

案例分析

o新闻类app信息架构设计

o今日头条信息列表设计

o淘宝主导航信息架构设计

o在线教育平台信息架构设计 2-4 导航设计

什么是导航设计

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

移动UI导航的架构分类

o层级式

o辐射式

o套娃式

o标签式

Web端导航设计

o顶部导航-下拉式

o顶部导航-标签式

o顶部导航-网页定位

o顶部导航-纵向分布

o左侧导航-标签式

o左侧导航-抽屉式

o右侧导航-抽屉式

o底部导航-标签式

o底部导航-网页定位

o个性化导航-左右布局

o个性化导航-可视化

o个性化导航-交互式

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

o关联导航-卡片式导航

o关联导航-面包屑导航

o分步骤式导航

导航设计用户体验原则

o导航菜单要清晰可见

o告诉用户其当前位置

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

o导航菜单要易于操作

o无感知

o一致性

2.5 原型设计

原型设计概念

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

原型设计分类

o手绘模型

o灰模模型

o交互模型

原型设计的作用和好处

手绘原型设计概念和案例

低保真原型 & 高保真原型

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

Axure RP介绍

工作区域介绍

基本元件

高级元件

元件交互

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

案例分析

o京东的启动过渡原型案例

o图片幻灯效果原型案例

o标签式菜单原型案例

o京东的用户登录原型案例

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

o微信的发起群聊效果

第3天 上午：图形图像设计基础概念/图标基础概念和设计创意/企业级 UI 设计体系/语言深度解读 下午: 移动端设计特性+规范+动效设计详解（安卓）+IOS设计规范详解

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

矢量图和位图

像素与分辨率

图片文件格式

图像色彩模式

3-2 界面设计常用工具

PS

AI

FW

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

什么是图标？

图标的系统分类

oUI图标

oCS软件图标

oWeb图标

图标的尺寸

图标的设计要点

原创图标的创意过程

图标的文件格式

图标设计资源

拟人化图标的绘制技巧

图标光影分析

图标质感分析

透视关系分析

图标技术精修

图标技术静修

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

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

o自然

o确定性

o意义感

o成长性

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

o亲密性

o对齐

o对比

o重复

o直截了当

o足不出户

o简化交互

o提供邀请

o巧用过渡

o及时反应

视觉体系

o色彩

o布局

o字体

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

 移动UI设计特性

o 情景特性

o 网络特性

o 物理特性

o 触摸手势

o 系统特性

移动UI设计方法

o 关于输入

o 简单易懂

o 注意中断

o 关注内容

o 给个反馈

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

黄金比例的应用

图标和行距的综合

屏幕分的长宽比

拨号盘

IOS尺寸规范

IOS界面结构解析

IOS新版本规范

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

Material Design设计语言

o介绍

o特点

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

几个基本概念

o像素pixel（px）

o分辨率

o屏幕大小

o屏幕密度

o独立密度像素（dp）

osp与dp

odp与sp的转换

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

安卓设计规范

o安卓界面基本组成元素

o安卓设计尺寸以及分辨率

o安卓字体和尺寸

o安卓的操作栏设计

o多面板布局

o触摸与反馈

3-8 移动UI动效设计

动效与动画

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

动效设计的作用

动效设计的软件

动效设计的语言工具

动效设计师提交物

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

UI中的基本动效

移动APP的交互动效分类

动效设计的方法

动效设计的注意点