交互设计通过了解人的心理、目标和期望，使用有效的交互方式来让整个过程可用、易用。视觉是一切感觉之首，移动互联网APP设计从UI设计、原型图绘制到交互设计都需要整体出发，浅显易懂地向读者传达一种新的网络交互设计理念，通过专业的理论知识讲解与精美案例制作的完美结合，循序渐进地介绍视觉交互设计的中有关知识，让读者在学习欣赏的过程中丰富自己的设计创意，并提高动手制作的能力。本书主要由四部分构成，第一章视觉与交互设计概述，第二章UI图标设计，第三章APP交互原型设计与制作，第四章APP设计与实践。本书试图通过一个个真实案例设计制作的全过程介绍，让读者真正了解APP设计的整个流程，并掌握基本设计方法与技巧。

第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视觉设计