数字媒体交互设计（慕课版）

定　价：¥79.80

作　者：	张靖瑶
出版社：	人民邮电出版社
丛编项：
标　签：	暂缺

ISBN：	9787115617873	出版时间：	2023-10-01	包装：	平装
开本：	16开	页数：	213	字数：

内容简介

　　内容提要数字媒体交互设计是在产品创建的初期搭建的简单产品框架中实现用户与产品进行交流互动的设计，它能够按照客户需求快速创建产品的线框图、流程图、原型和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 设计初学者自学参考。

作者简介

　　张靖瑶主编作为系部骨，曾参与的学校重要建设项目《基于数字工厂产品生产过程培养动漫人才的研究与实践》获得了教学成果奖二等奖。指导学生的作品《茅山道士》在第二届天津市高等学校原创动漫大赛中荣获高职组漫画类奖。指导学生参加的《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