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