内容提要
数字媒体交互设计是在产品创建的初期搭建的简单产品框架中实现用户与产品进行交流互动的设计，它能够按照客户需求快速创建产品的线框图、流程图、原型和Word说明文档等内容。同时交互设计还支持多人协作设计和共享版本的控制管理。
本书由浅入深地讲解了产品交互原型的创建方法和设计规范，以“知识解析+课堂案例”为主线展开讲解：知识解析能帮助学生系统地了解Web和移动 UI 设计的各类规范；课堂案例能帮助学生快速熟悉移动 UI交互设计流程，提高学生实战技能。
帮助读者快速掌握产品原型工具的使用方法和技巧，同时了解产品交互原型设计需要掌握的设计规范，全面、系统地介绍了网页及移动 UI 设计及交互设计的基础知识和操作技巧，主要内容包括交互设计开发流程、初识web及移动 UI 设计、UI 设计规范、Web及移动产品交互设计开发及项目实施等。
第一章交互设计开发流程：介绍交互设计的基本概念与理论基础、设计流程以及从实践中总结的交互设计的方法体系，渐进的理解用户体验，为更深入的学习建立良好的开端。
第二、三章让读者了解web端和移动产品UI设计的规范，布局设计理论以及交互设计组件的分类和应用，虽然并不是每个项目都要实现所有的步骤，但掌握完整的流程步骤有助于设计师对于交互设计有更全面的把握。
第四章主要介绍了原型设计工具Axure RP9，如何使用Axure RP9以及对web端交互功能案例的详解，包括Axure页面设置、Axure常用元件、制作产品交互原型时的注意事项、基础交互功能实训案例，以及高保真交互实训案例等内容。通过本章的学习，读者能掌握Axure RP9的使用方法和技巧，并根据相关案例制作相应的交互原型。
第五、六章移动端交互设计开发制作工具-墨刀及Adobe XD，主要介绍了通过墨刀、Adobe XD基础知识，在软件中实现交互功能的案例讲解，包括基本工具的使用、基础操作、插件介绍和高保真交互原型实训案例等内容。通过学习，读者能够掌握如何将理论知识通过交互设计软件创建原型的使用方法和技巧，完成原型的交互设计。
鉴于实践在交互设计中的重要作用，本书通过多个项目案例的实施进行分析研究，对设计团队总结的设计方法进行了完整而详细的介绍，帮助读者对每个交互设计方法建立更深刻的认识，掌握方法的实践运用。同样地，不是所有方法都适合每个项目，设计师应该根据实际需要和用户目标量身定制设计方法体系。
本书可作为职业院校数字媒体艺术类专业课程的教材，也可供移动 UI 设计初学者自学参考。
1.双高软件专业群A档校，天津电子信息出品，品质优。
2.该课程为双高专业群建设课程之一
3.产教融合产品，企业提供优秀商业项目案例支撑。
4.配套丰富的慕课视频，从内容讲解到操作讲解一应俱全。
5.切合1+X认证的双高专业建设要求。
本教材内容本着立足市场、服务教学、惠及学生，使 教、学、用 形成一个统一的整体的原则。使本门课程拥有自主的市场生命力，为学习本门课程的学生增强未来的市场竞争力，本教材内容始终以市场为导向，成为未来校企合作有力的支持后盾，成为校企合作一体化的有效保障。
本教材内容凸显设计理念在教学中的重要性，紧密围绕当今市场前沿交互理念，课程设计中鼓励学生的独立思维与创新意识，做到在扎实中产生突破的教学效果。课程设计中注重培养学生了解市场需求的能力，提高学生的市场观察力与敏锐度，从而准确把握交互产品市场的需求走向。课程章节内容的设置具备开放性，避免拘泥于封闭的观点，每个章节在传统的教学资源内容之外，增设灵活的市场性讨论课题，为学生的学习提供一个头脑创意的空间，这部分课题布置在一个基础框架之上，由教学人员自由的开展。
张靖瑶 主编作为系部骨干教师，曾参与的学校重要建设项目《基于数字工厂产品生产过程培养动漫人才的研究与实践》获得了国家级教学成果奖二等奖。指导学生的作品《茅山道士》在第二届天津市高等学校原创动漫大赛中荣获高职组漫画类优秀奖。指导学生参加的《2018“新人杯”全国大学生室内设计竞赛》，《2019年第十六届中国手绘艺术设计大赛》均获得了优秀奖的成绩。参与了教材《Photoshop CS5平面设计实例教程》的编写工作。指导学生参加的2015KIDE国际发明设计比赛获得铜奖。并且通过培训，获得了北京水晶石教育中心建筑可视化合格证书，Adobe Illustrator CS5产品专家认证，AutoCAD2012产品专家认证等多个证书。 其他参与编写的人员均为数字艺术系系骨干教师。具有丰富的教学经验，熟悉学生的认知规律，主编及参编了多部十三五、十四五规划教材，主持及参与了多门国家精品资源共享课的建设；同时还得到了企业一线工程师的指导，企业工程师提供了项目案例资源，并进行了技术支持。
目录
项目1 交互设计开发流程与设计分析 1
1.1 交互设计基础概念 1
1.1.1交互设计的定义 1
1.1.2交互设计与用户体验 1
1.1.3交互设计可用性原则 3
1.2 交互设计开发流程 6
1.3开发人员配置 9
1.4 产品交互原型分类 10
1.5 交互设计常用软件 12
1.5.1Visio 12
1.5.2 Teambition 12
1.5.3墨刀 13
1.5.4 Axure RP 13
1.5.5 Adobe XD 14
1.6 项目实施-交互设计案例分析 14
1.7 项目小结 16
1.8 思政知识小课堂 16
1.9 巩固与拓展 16
1.10习题 17
项目2 Web端“家居”交互UI设计 18
2.1 “家居”网页交互UI项目背景分析 18
2.2 交互UI布局设计 18
2.2.1 布局设计理论与分析 18
2.2.2版式设计常见类型与分析 26
2.3 交互UI基础元素设定 28
2.3.1界面尺寸 28
2.3.2文字设计 30
2.3.3色彩搭配 30
2.4 交互UI设计类型分析 31
2.4.1网页设计的分类 31
2.4.2网页交互UI组件的分类 32
2.5 项目实施-Web端“家居”网页交互UI设计 38
2.5.1设计“家居”网页首页 38
2.5.2设计“家居”网页交互UI导航菜单组件 42
2.6 项目小结 45
2.7思政知识小课堂 45
2.8 巩固与拓展 45
2.9 习题 45
项目3 移动端“美食小吃”App交互UI设计 47
3.1 “美食小吃”App交互UI设计项目背景分析 47
3.2 App交互UI设计项目需求分析 47
3.3 App页面视觉层次结构与视觉引导 48
3.3.1层次结构的构建 48
3.3.2视觉引导及反馈 50
3.4 App 界面元素构成设计 52
3.4.1 App 交互界面的构成概念 53
3.4.2 App界面元素设计的构成方法 54
3.5 App界面布局风格设计 56
3.6 移动端平台界面设计规范 57
3.6.1 Android平台 57
3.6.2 iOS平台 60
3.7 App交互UI设计流程分析 64
3.7.1版式界面设计的概念梳理 64
3.7.2切图的重要性 67
3.7.3界面标注的注意事项 67
3.7.4 Ps动态元素的优化存储设置 68
3.8 项目实施-移动端“美食小吃”App 交互UI设计 70
3.8.1设计“美食小吃”App界面UI 70
3.8.2页面适配 74
3.8.3实现美食App界面素材切片输出 75
3.8.4使用Pxcook标注美食App界面 79
3.8.5美食App动态加载画面优化 85
3.9 项目小结 88
3.10 思政知识小课堂 88
3.11 巩固与拓展 88
3.12习题 88
项目4 Web端“电商平台”产品交互设计开发 90
4.1 Web端“电商平台”产品交互设计开发项目背景分析 90
4.2 Web端“电商平台”产品交互设计开发项目需求分析 90
4.3 Axure RP9工具介绍 92
4.3.1Axure RP 9的工作界面 92
4.3.2Axure RP9的元件库 94
4.3.3Axure RP9中的交互功能添加 96
4.3.4Axure交互使用说明 98
4.3.5各个系统变量说明 99
4.3.6元件交互样式 101
4.3.7动画和边界 102
4.4 Axure常用元件 103
4.4.1 Axure常用元件——动态面板 103
4.4.2 Axure常用元件——中继器 106
4.4.3 Axure常用元件——内联框架 110
4.5 查看原型 111
4.5.1Axure原型快速预览 111
4.5.2预览选项设置 111
4.5.3Axure原型生成HTML文件 112
4.5.4Axure原型生成Word说明书 113
4.6 项目实施——Web端“电商平台”产品交互设计开发 114
4.6.1 使用“动态面板”制作Web端Banner轮播效果 114
4.6.2 使用“动态面板+显示/隐藏”制作悬浮按钮显示与隐藏效果 118
4.6.3 使用“交互-移动”制作文字跑马灯效果 123
4.6.4 使用“中继器”制作商品列表页 127
4.6.5 使用“交互-变量”制作秒杀倒计时功能 132
4.6.6 使用“动态面板+热区”制作面板随鼠标滑动 136
4.6.7 使用“内联框架”制作添加视频 141
4.6.8 使用“动态面板+移动”制作图片放大预览功能 146
4.7 项目小结 154
4.8 思政知识小课堂 154
4.9 巩固与拓展 155
4.10 习题 155
项目5 App移动端“思政助手”产品交互设计开发 156
5.1App移动端“思政助手”产品交互设计开发项目背景分析 156
5.2App移动端“思政助手”产品交互设计开发项目需求分析 156
5.3 墨刀原型工具概述 157
5.3.1墨刀工作界面介绍 157
5.3.2墨刀元件介绍 162
5.3.3墨刀交互事件添加 170
5.3.4演示分享 172
5.3.5墨刀工具状态功能详解 176
5.4 项目实施——App移动端“思政助手”产品交互设计开发 178
5.4.1 “思政助手”——底部导航功能制作 178
5.4.2 “思政助手”——TAB切换功能制作 183
5.4.3 “思政助手”——点赞效果制作 186
5.4.4 “思政助手”——图片左右滚动效果制作 188
5.5 项目小结 189
5.6 思政知识小课堂 190
5.7 巩固与拓展 190
5.8 习题 190
项目6 App移动端“茶物语”产品交互设计开发 192
6.1 App移动端“茶物语”产品交互设计开发项目背景分析 192
6.2 App移动端“茶物语”产品交互设计开发项目需求分析 192
6.3 Adobe XD工具介绍 193
6.3.1 Adobe XD的基础操作 193
6.3.2 Adobe XD的基本工具 201
6.3.3 使用Adobe XD完成原型 211
6.3.4 使用Adobe XD成果输出 215
6.4 项目实施——App移动端“茶物语”产品交互设计开发 216
6.4.1 Loading动画效果 216
6.4.2 左右滑动的效果 218
6.4.3 轮播图的演示效果 219
6.5 项目小结 221
6.6 思政知识小课堂 222
6.7 巩固与拓展 222
6.8 习题 222
精品教材 更多
