目　录
项目1 交互设计概述
1.1 交互设计的基本概念 001
1.2 交互设计的流程 006
1.3 开发人员的配置 009
1.4 产品交互原型的分类 010
1.5 交互设计的常用软件 012
1.6 项目实施——交互设计案例分析 014
1.7 项目小结 016
1.8 素养拓展小课堂 016
1.9 巩固与拓展 016
1.10 习题 017
项目2 Web端“家居”网页交互UI设计
2.1 Web端“家居”网页交互UI项目背景分析 018
2.2 交互UI布局设计 019
2.3 基本元素 029
2.4 网页和网页交互UI组件的分类 031
2.5 项目实施——Web端“家居”网页交互UI设计 037
2.6 项目小结 044
2.7 素养拓展小课堂 045
2.8 巩固与拓展 045
2.9 习题 046
项目3 移动端“美食小吃”App交互UI设计
3.1 移动端“美食小吃”App交互UI设计项目背景分析 047
3.2 移动端“美食小吃”App交互UI设计项目需求分析 048
3.3 视觉层次结构与视觉引导 048
3.4 App 界面元素构成设计 052
3.5 App界面设计风格 056
3.6 移动端平台的界面设计规范 058
3.7 App交互UI设计流程分析 065
目录
CONTENTS
3.8 项目实施——移动端“美食小吃”App交互UI设计 070
3.9 项目小结 089
3.10 素养拓展小课堂 089
3.11 巩固与拓展 089
3.12 习题 090
项目4 Web端“电商平台”产品交互设计开发
4.1 Web端“电商平台”产品交互设计开发项目背景分析 091
4.2 Web端“电商平台”产品交互设计开发项目需求分析 092
4.3 Axure RP 9介绍 093
4.4 Axure RP 9的常用元件 104
4.5 查看原型 111
4.6 项目实施——Web端“电商平台”产品交互设计开发 114
4.7 项目小结 158
4.8 素养拓展小课堂 158
4.9 巩固与拓展 158
4.10 习题 159
项目5 移动端“教学助手”App产品交互设计开发
5.1 移动端“教学助手”App产品交互设计开发项目背景分析 160
5.2 移动端“教学助手”App产品交互设计开发项目需求分析 161
5.3 墨刀概述 161
5.4 项目实施——移动端“教学助手”App产品交互设计开发 178
5.5 项目小结 188
5.6 素养拓展小课堂 188
5.7 巩固与拓展 188
5.8 习题 189
项目6 移动端“茶物语”App产品交互设计开发
6.1 移动端“茶物语”App产品交互设计开发项目背景分析 190
6.2 移动端“茶物语”App产品交互设计开发项目需求分析 190
6.3 Adobe XD概述 191
6.4 项目实施——移动端“茶物语”App产品交互设计开发 209
6.5 项目小结 213
6.6 素养拓展小课堂 213
6.7 巩固与拓展 213
6.8 习题 214