多媒体艺术编创第二章 多媒体交互设计.ppt

多媒体艺术编创 第二章 多媒体交互设计 本章要点 第一节 多媒体交互 第二节 多媒体交互设计的内容 第三节 多媒体作品交互形式设计原则 第一节 多媒体交互 多媒体作品的制作是一个系统构建的工程，就像设计一座蓝图无比宏伟的大厦，若是没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累，密切协作，这座大楼只能是空中楼阁、海市蜃楼。然而任何事物的结构都有支撑其存在的基础性元素，就像一间屋子，它的房梁和柱子是如何交叉，相互关系是否合理，决定着屋子的坚固程度以及其它元素的相互配合。 如果说在一个多媒体作品中，内容是整个节目的基石，界面设计是打开用户之门?，那么交互结构的设计就是建立“人——机”、“人——人”沟通的桥梁。 第一节 多媒体交互 交互的世界. 人与环境的交互 人与人之间的交互. 那么在日常生活中有多少交互式产品呢？？ 考虑一下在一天里我们可能遇到些什么—— 计算机、饭卡、自动贩卖机、选课系统、查分系统、图书馆查询借阅系统、互联网、打印机、网络游戏、电话充值…… 再考虑一个问题？这些交互式的产品的可用性如何，有多少易用、毫不费力的？ 第一节 多媒体交互 每一种出版媒体都在发展自己的习惯用法，并不断改进这些用法，形成新的习惯用法。多媒体作品也有很多习惯用法，这些习惯用法大部分是从纸质出版物中延续过来的，但是新的习惯用法也在不断地涌现。比如交互的时候，指针滑到超连接键上会改变成小手图标。 比如在任何作品中看到? 图标我们就知道是播放 ? 图标是快进 ? 图标是暂停 ? 图标是存储 ? 图标是关闭 在这些图标的旁边就不必要加上相应的文字作为说明 第一节 多媒体交互 多媒体作品《0.618的韵律》在每一级的界面上都用了Windows操作系统默认的导航图标就没有加入相关的文字说明。 第一节 多媒体交互 门户网站雅虎，因为它在全球各地都有本土网站，同时其品牌标示也非常强。我们来看看Y，Yahoo France和雅虎中国的首页, 它们的区别就不是很大，各个分区清晰可辨，就算都是不认识的文字也可大致明白每个分区的功能 第一节 多媒体交互 第一节 多媒体交互 交互设计的目的 就是在设计过程中引入可用性。 交互设计作为一门关注交互体验的新学科在二十世纪八十年代产生了，它由IDEO的一位创始人比尔?莫格里奇在1984年一次设计会议上提出，他一开始给它命名为Soft Face， 后来把它更名为“Interaction Design”——交互设计。 第二节 多媒体交互设计的内容 多媒体作品的制作是一个系统构建的工程，就像设计一座蓝图无比宏伟的大厦，若是没有管道工、泥瓦匠、水电工等各种工匠一砖一瓦地艰辛积累，密切协作，这座大楼只能是空中楼阁、海市蜃楼。然而任何事物的结构都有支撑其存在的基础性元素，就像一间屋子，它的房梁和柱子是如何交叉，相互关系是否合理，决定着屋子的坚固程度以及其它元素的相互配合。 如果说在一个多媒体作品中，内容是整个节目的基石，界面设计是打开用户之门?，那么交互结构的设计就是建立“人——机”、“人——人”沟通的桥梁。 第二节 多媒体交互设计的内容 1、多媒体结构与导航设计 深入了解交互设计之后我们发现交互设计的基础是交互结构的设计。所谓结构，就是构成整体的各个组成部分的比例及其结合方式、相互关系。 交互性是多媒体技术独一无二的最具特色和优势的根本特性。交互性也是多媒体技术其它特性的核心，它使多媒体技术其它特性的优势更突出，功能更强大。 在多媒体节目中有以下三种基本的结构类型： 线性的　　　　　? 顺序导航（单一方向的） 层级的或树状的　　　 菜单导航（多个方向的） 网状的或图形的 地图导航（所有方向的） 第二节 多媒体交互设计的内容 2、多媒体热区与菜单设计 热区与菜单在多媒体中的作用是不容忽视的，热区与菜单是读者与多媒体作品之间交谈的“桥梁”。通过用户对热区与菜单进行单击、双击、拖动等操作，来完成多媒体作品的交互。 第二节 多媒体交互设计的内容 多媒体热区与菜单的设计方法有 丰富性、贴切性、感染性和吸引力； 采用形象生动的动画图标来提高注意力； 相同功能的按钮造型与位置一致； 采取下拉菜单的方式或选择的方式以减少输入工作量； 易识别、易使用，符合界面整体风格。 第二节 多媒体交互设计的内