视觉交互设计基础与案例精选

第1章 视觉与交互设计概述
1.1 什么是交互设计
1.1.1 交互设计的定义
1.1.2 交互设计的本质
1.1.3 交互设计的原则
1.2 视觉交互设计相关概念
1.2.1 视觉设计与uI设计
1.2.2 图形设计师与交互设计师
1.3 APP产品研发流程
1.3.1 产品定义阶段
1.3.2 交互与视觉设计
1.3.3 开发阶段
1.3.4 测试与发布阶段
1.4 视觉交互设计常用软件介绍
1.4.1 Photoshop
1.4.2 Illustrator
1.4.3 Axure
1.4.4 MockingBot(墨刀)
1.4.5 Sketch
1.5 移动设备常用尺寸以及相关设计规范
1.5.1 设计单位与相关概念
1.5.2 不同机型屏幕尺寸规格
第2章 uI图标设计
2.1 图标设计基本规范
2.1.1 Ios图标设计规范
2.1.2 Android图标设计规范
2.1.3 图标常见存储格式
2.2 线性图标
2.2.1 “天气”线陛图标思路解析
2.2.2 Photoshop制作“天气”线性图标实操详解
2.3 剪影图标
2.3.1 “三叶草”剪影图标思路解析
2.3.2 Photoshop制作“三叶草”剪影图标实操详解
2.4 扁平化图标
2.4.1 “定位”扁平化图标思路解析
2.4.2 Photoshop制作“定位”扁平化图标实操详解
2.5 拟物化图标
2.5.1 “电话”拟物化图标思路解析
2.5.2 Photoshop制作“电话”拟物化图标实操详解
第3章 APP交互原型设计与制作
3.1 初识交互原型设计
3.1.1 手绘原型
3.1.2 低保真原型
3.1.3 高保真原型
3.2 交互原型制作工具——Axure RP 9
3.2.1 初识Axure RP 9
3.2.2 Axure RP 9工作界面和元件库
3.2.3 实操练习01——制作基本页面
3.3 Axure RP 9的基本交互
3.3.1 Axure RP 9基本交互流程
3.3.2 实操练习02——交互链接设置
3.4 Axure RP 9高级交互
3.4.1 Axure RP 9高级交互类型
3.4.2 实操练习03——设置状态栏实时时间
3.4.3 实操练习04——动态面板轮播图制作
3.4.4 实操练习05——APP扫描识图页面制作
3.4.5 实操练习06——APP音乐播放页面制作
第4章 API设计与实战
4.1 智能家居——“AI+”APP设计
4.1.1 “AI+”APP用户调研
4.1.2 “AI+”APP用户画像
4.1.3 “AI+”APP竞品分析
4.1.4 “AI+”APP信息架构
4.1.5 “AI+”APP交互原型
4.1.6 “AI+”APP视觉设计
4.2 茶香中华一“简茶”APP设计
4.2.1 “简茶”APP用户调研
4.2.2 “简茶”APP用户画像
4.2.3 “简茶”APP竞品分析
4.2.4 “简茶”APP信息架构
4.2.5 “简茶”APP交互原型
4.2.6 “简茶”APP视觉设计
4.3 乡土文化——“及思”APP设计
4.3.1 “及思”APP用户调研
4.3.2 “及思”APP用户画像
4.3.3 “及思”APP竞品分析
4.3.4 “及思”APP信息架构
4.3.5 “及思”APP交互原型
4.3.6 “及思”APP视觉设计