本教材共分为以下5个部分：
第1章 交互设计概述，介绍了交互设汁的起源、基本概念和交互设计过程中的主要方法。同时介绍相关交叉学科的知识理论。
第2章 网页设计中的交互设计，主要介绍交互设计知识在网页设计中运用，讲解设计流程、要点和方法。
第3章 移动应用中的交互设计，主要介绍交互设计知识在移动应用中运用讲解设计流程、要点和方法。
第4章 数字出版中的交互设计，主要介绍交互设计知识在数字出版中运用讲解设计流程、要点和方法。
附录 常见工具入门，介绍案例中使用到的两款工具。介绍Dreamweaver软件的使用和基本建站方法，介绍AxureRp 7.0工具的基本使用方法。
本教材例举项目实例的基本形式如下：
基础知识介绍：对章节准备实现的项目案例所涉及的知识点进行系统的讲解、分析。
项目简介：描述项目背景、项目需求、项目发布平台和项目最终呈现形式。
项目构思：描述前期调研方法和结论，分析用户需求和设计用户模型。
项目设计：进行项目要素设计和项目信息结构设计，设计项目流程。
项目实施：描述具体项目案例的设计实施过程。
项目运行：展现项目结果。
项目实践：根据完整项目学习总结，依据给定题目要求，设计交互环节，回顾教学内容。
1．适用对象
本教材适用于艺术设计及其他相关专业，另外也可作为软件工程类、计算机类等其他交叉学科的本、专科基础教材。
2．具备的知识和能力基础
本教材讲授交互设计的基础理论知识，并提供大量生动的实际案例。教材适用于交互设计的初学者及希望了解此专业的新手设计师和期望改进设计流程或增加设计工具的相关人员。使用本教材的学员，需具备计算机基础操作能力和平面设计类软件的使用能力，并具有熟练运用与整合相关学科知识的能力。
通过本课程的学习，使学生理解并掌握交互设计专业基础知识和相关行业规范，设计出符合行业标准的界面和交互性设计作品。学生熟练运用相关专业知识提出问题、分析问题、解决问题，运用设计工具设计制作交互设计作品。培养学生全方位思维能力和交互系统宏观思考能力及实际动手操作能力。同时，培养学生严谨的学习态度。
3．教学总体目标
通过学习本门课程，将为《网页设计》《数字出版》《新媒体广告》等后续课程奠定学习基础，掌握不同平台，不同内容的交互应用与创新，并且培养学生达成3个方面的TOPCARESCDIO能力指标，分别为个人素质、理论知识和专业技能方面：
从个人素质方面，要求学生具备实事求是、诚实守信的学习态度和行为习惯。
从理论知识方面，培养学生掌握专业基础知识和交叉学科相关基础知识，并将其合理运用的能力。
从专业技能方面，使学生掌握行业规范及设计流程。培养学生全方位思考的能力和分析、解决问题的能力，最终设计出实现设定目标的项目作品。
第1章交互设计概述1
1.1交互设计基础1
1.1.1什么是交互设计1
1.1.2交互设计的起源与发展2
1.1.3交互设计的方法7
1.1.4交互设计的意义8
1.2用户体验9
1.2.1何为用户体验9
1.2.2用户体验的五大要素9
1.2.3用户体验和网站10
1.2.4用户体验和移动应用11
1.3界面设计11
1.3.1界面设计色彩12
1.3.2界面设计图形19
1.3.3界面设计文字19
1.4新媒体设计20
1.4.1新媒体设计及其特征20
1.4.2常见媒体介绍21
课后习题21
第2章网页设计中的交互设计23
2.1网页设计概述23
2.1.1网页设计介绍23
2.1.2网页设计流程24
2.1.3网页设计界面设计25
2.1.4网页设计分类30
2.2网站设计中的交互设计37
2.2.1导航设计37
2.2.2表单设计41
2.2.3其他网页交互类型42
2.3教育类网站设计案例45
2.3.1“思格”网站项目简介46
2.3.2“思格”网站项目构思46
2.3.3“思格”网站项目设计47
2.3.4“思格”网站项目实施48
2.3.5“思格”网站项目运行53
2.4文化类网站设计案例53
2.4.1“咱览”网站项目简介53
2.4.2“咱览”网站项目构思53
2.4.3“咱览”网站项目设计54
2.4.4“咱览”网站项目实施56
2.4.5“咱览”网站项目运行67
课后习题67
2.5项目拓展70
第3章移动应用中的交互设计72
3.1移动应用设计概述72
3.1.1移动应用设计介绍72
3.1.2移动应用常见分类74
3.1.3移动应用项目设计原则74
3.2移动应用交互设计82
3.2.1移动应用设计中的手势82
3.2.2常见移动应用中的交互方式84
3.2.3改善移动应用交互体验的设计技巧87
3.2.4改善移动应用交互体验的其他技巧90
3.3效率类移动应用交互设计案例97
3.3.1“印象笔记”应用项目简介97
3.3.2“印象笔记”应用项目构思97
3.3.3“印象笔记”应用项目设计98
3.3.4“印象笔记”应用项目实施98
3.3.5“印象笔记”应用项目运行99
3.4工具类移动应用交互设计案例99
3.4.1“Save+”应用项目简介99
3.4.2“Save+”应用项目构思99
3.4.3“Save+”应用项目设计100
3.4.4“Save+”应用项目实施101
3.4.5“Save+”应用项目运行103
3.5生活服务类移动应用交互设计案例103
3.5.1“急救天使”应用项目简介103
3.5.2“急救天使”应用项目构思104
3.5.3“急救天使”应用项目设计104
3.5.4“急救天使”应用项目实施106
3.5.5“急救天使”应用项目运行111
3.6生活咨讯类移动应用交互设计案例112
3.6.1“花视”应用项目简介112
3.6.2“花视”应用项目构思112
3.6.3“花视”应用项目设计113
3.6.4“花视”应用项目实施114
3.6.5“花视”应用项目运行120
课后习题120
3.7项目拓展124
第4章数字出版中的交互设计125
4.1数字出版概述125
4.1.1什么是数字出版126
4.1.2数字出版的特点126
4.1.3数字出版的变革126
4.1.4数字出版的发展趋势与前景127
4.1.5Adobe数字出版解决方案128
4.1.6数字出版中的交互设计129
4.2产品指南类数字出版物交互设计案例131
4.2.1“心悦”数字出版物项目简介131
4.2.2“心悦”数字出版物项目构思132
4.2.3“心悦”数字出版物项目设计132
4.2.4“心悦”数字出版物项目实施133
4.2.5“心悦”数字出版物项目运行151
4.3创意类数字出版物交互设计案例152
4.3.1“我从未走远”数字出版物项目简介152
4.3.2“我从未走远”数字出版物项目构思152
4.3.3“我从未走远”数字出版物项目设计153
4.3.4“我从未走远”数字出版物项目实施155
4.3.5“我从未走远”数字出版物项目运行164
课后习题164
4.4项目拓展166
附录ADreamweaver快速入门167
附录BAxureRP软件快速入门173
附录C学习知识要点及能力要点184
参考文献186
本教材以学院的TOPCARESCDIO教学理念为指导，通过实际案例教学，使学生了解理论知识的运用和行业发展。教材以交互设计的各个应用方向为讲授内容，以设计新媒体形态产品为目标导向，通过实际项目教学，使学生掌握交互设计的设计开发流程，更好地设计有实际应用价值的产品。
