《多媒体界面设计第一章》由会员分享，可在线阅读，更多相关《多媒体界面设计第一章（19页珍藏版）》请在金锄头文库上搜索。
1、第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface一、从字符到多媒体一、从字符到多媒体l多媒体发展历程u公元105年，东汉的蔡伦首次造出了近乎今天意义上的纸；u公元1041年，北宋的毕昇发明了活字印刷；u公元1450年，德国的古登堡在西方第一次实现了铅字的活字浇铸；u公元1945年，第一台数字计算机产生于美国宾夕法尼亚大学；u传统的电报、电话、电视、印刷品由于其传播信息形式的单一性，已经难以满足人们对信息的需求，人们渴望能出现一种新的、综合性
2、的传播媒体，这是是数字化的多媒体。它的出现为信息时代带来了新的高潮。l什么是多媒体?u“多媒体”一词原引自视听工业，是英文“Multimedia”的译文；u事实上“多媒体”常常是指信息表示媒体的多样化。常见的形式有文字、图形、图像、声音、动画、视频等多种形式，可以承载信息的程序、过程或活动也是媒体。u从狭义角度来看，多媒体是指人类用计算机或类似设备交互处理多媒体信息的方法和手段（如I/O、传播、处理等）。u从广义角度来看，多媒体指的是一个领域，是指对信息处理有关的所有技术和方法（包括广播通信、家用电器、印刷出版等）领域。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体
3、界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface二、多媒体界面设计的主要类型二、多媒体界面设计的主要类型l一部优秀的多媒体作品首先应体现在作品与受众直接接触的多媒体界面（也可称为人机界面）上，界面设计得是否恰当、美观将直接影响到受众对作品的最终印象以及整部多媒体作品的成败。l就目前而言，根据多媒体界面的实际应用情况，多媒体界面可分为教育类、商业类、娱乐类、电子通信类以及多媒体作品等。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本
4、原则Realize InterfaceRealize Interface二、多媒体界面设计的主要类型二、多媒体界面设计的主要类型-教育类教育类l影响及意义u多媒体技术对教育产生的影响比其他领域的影响要深远的多。u多媒体技术将改变传统的教学方式，使教材发生巨大的变化，使其不仅有文字、静态图像，还有动态图像和语言等。这使得教育的表现形式变得更加多样化，同时易于实现远程教学，从而对于提高教学质量和普及教育都有着极大的指导意义。l主要作用u利用多媒体计算机的文本、图形、图像、音频、视频和其交互式的特点编制出来的计算机辅助教学软件，可以非常形象直观地向学生讲述清楚过去很难描述的课程内容，能创造出生动逼真
5、的教学环境。u从学生角度来讲，通过课件，他们也可以更形象地去理解和掌握相应教学内容，同时可以通过多媒体进行自学、自考等。因此，多媒体技术的参与将使教学领域产生一场质的教学革命。u与此同时，各大单位、公司培训在职人员或新员工时，也可以通过多媒体进行教学培训、考核等，非常形象直观，同时可以解决师资不足的问题。l主要特征：严谨、规范和条理清晰。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface二、多媒体界面设计的主要类型二、多媒体界面设计的主要类型
6、-商业类商业类l应用范围u很多公司企业都有自己的好产品，为宣传自己的产品也投入了许多很多公司企业都有自己的好产品，为宣传自己的产品也投入了许多资金去做广告，如电视、报纸等。但是针对资金去做广告，如电视、报纸等。但是针对80后特别是后特别是90后这些从后这些从小就习惯于接触计算机的年轻人，传统的广告形式对他们的影响在小就习惯于接触计算机的年轻人，传统的广告形式对他们的影响在迅速衰退，而以多媒体技术制作的产品或企业演示作品可以将企业迅速衰退，而以多媒体技术制作的产品或企业演示作品可以将企业产品则为商家提供了一种全新的广告形式。产品则为商家提供了一种全新的广告形式。u商家通过多媒体演示作品随心所欲地
7、观看广告，直观、经济、便捷，商家通过多媒体演示作品随心所欲地观看广告，直观、经济、便捷，效果非常好，这种方式可用于多种行业，如房地产公司、计算机公效果非常好，这种方式可用于多种行业，如房地产公司、计算机公司、汽车制造厂商等领域。司、汽车制造厂商等领域。l主要特征u活泼、现代感强、较为时尚。活泼、现代感强、较为时尚。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface二、多媒体界面设计的主要类型二、多媒体界面设计的主要类型-娱乐类娱乐类l作用范围
8、u由于多媒体技术能处理图、文、声、像，交互控制，因此最适合游戏领域的需求。娱乐业是计算机进入家底的一个很重要的动力。u多媒体计算机使电视、激光唱机、影碟机、游戏机于一身，逐渐成为一个现代的高档家用电器。u目前，多媒体游戏正通过越来越逼真的虚拟现实场景使观众获得亲临现场之感。与此同时，通过多媒体的交互性特色，甚至可以制作双向电影，让电影的观看者进入角色，控制故事的不同结局，增加悬念和好奇感。l主要特征u需要根据多媒体作品的定位人群而进行个性化的设计，大多色彩鲜艳，造型独特，具有较强的吸引力。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的
9、特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface二、多媒体界面设计的主要类型二、多媒体界面设计的主要类型-电子通信类电子通信类l应用和作用范围u多媒体技术在通信领域有着极为广泛的应用，如可视电话、视频会议和交互式电视等已逐步被采用，而信息点播和计算机协同工作系统将对人类的生活、学习和工作产生深刻的影响。受众可以通过本地计算机的多媒体信息系统，远距离点播所需要的信息，如电子图书馆、多媒体数据的检索与查询等。所点播的信息可以是各种数据类型，包括立体图像和感官信息。u多媒体信息系统可以按照受众的需要提供相应的服务。l主要特征u减弱个性化，加强大众化，
10、设计界面尽量简单明确，易于理解和操作。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface二、多媒体界面设计的主要类型二、多媒体界面设计的主要类型-出版类出版类l应用范围u电子多媒体作品以电子信息为媒介进行信息存储和传播，是对以纸张为主要载体进行信息存储和传播的多媒体作品的一个挑战。它具有容量大、体积小、成本低、检索快、可交互、易于保存和复制、能存储音像图文信息等优点。l主要特征u出版类多媒体界面由于其特殊的身份决定了其首先必须符合国家在规格、
11、形式、内容等方面的出版设计要求，同时应根据多媒体作品内容的不同设计出不同的风格特色。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface三、多媒体界面的特征三、多媒体界面的特征l易操作性l艺术性l时代性第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface三、多媒体界面的特征三、多媒体界面的特征-
12、易操作性易操作性l多媒体作品是基于计算机技术为基本平台的，因此计算机提供给我们的一个强大的功能莫过于检索功能。因为让受众通过人工检索方式从上亿条资料中去检索到自己所需要的内容，无会成为一种验证以忍受的痛苦。如果交给计算机来完成，则工作往往会变得轻松而愉快。因此，在一个优秀的多媒体作品能否为读者提供出一种轻松愉悦的检索途径成为这部多媒体作品是否获得成功的一个重要的问题。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface三、多媒体界面的特征三、多
13、媒体界面的特征-艺术性艺术性l王实浦西厢记的套曲：l碧云天，黄花地，西风紧，北雁南飞。l晓来谁染霜林醉，总是离人泪。l吟诵后或许会掩卷沉思，或许会拍案叫绝，其原因就在于王实浦以描景的形式绝妙地渲染了情人离别时难舍难依的气氛，形象地表现了他们悲痛欲绝的心情。如果读它时不能体会到其中的内容，诗句的美就会大打折扣；同样，如果作者不是运用了情景交融、化景物为情思的表现形式，该诗句也一样不美。l任何一个艺术作品都需要在艺术性方面下足功夫，多媒体作品也不例外，其艺术性将最终决定整个作品的品味定位。l多媒体的艺术性并不完全在于作品自身如何完美，更在于是否符合作品所讲述的内容。艺术性关键在于创作者能否找至恰当
14、的艺术表现方法来表现相应的多媒体作品内容。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface三、多媒体界面的特征三、多媒体界面的特征-时代性时代性l需要、动机都是人心理行为的动力因素，谁能够了解、把握、满足受众的心理，谁就能获得受众的认可。l多媒体应跟上时代，将真正了解、把握、满足受众的心理需求放在工作的首位。即“知、情、意”心理需求。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特
15、征4多媒体界面设计的基本原则Realize InterfaceRealize Interface四、多媒体界面设计的基本原则四、多媒体界面设计的基本原则l简洁原则l统一原则l对比原则l分割原则第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface四、多媒体界面设计的基本原则四、多媒体界面设计的基本原则-简洁原则简洁原则l艺术（含设计）并非是现实生活的原样照搬，绝不仅仅是简单地再现具体的物象和特征，要表达的是一定的意图和要求，在适当的环境里为人们所
16、理解和接受。绘画是以带给人们美感为主要目标，设计与绘图有内在联系，但也不尽相同。设计以满足人们的实用和需求为主要目标。同时，设计要求能够给人们留下较为深刻的印象。从人的记忆能力角度来说，由于人的大脑一次最多可记忆五到七条信息，因而设计需要比绘画更单纯、清晰和精确。多媒体界面设计属于设计的一种，同样要求简练、准确。l保持简洁的常用做法是使用一个醒目的标题，这个标题常常采用图形来表示，但图形同样要求简洁。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Inter
17、face四、多媒体界面设计的基本原则四、多媒体界面设计的基本原则-统一原则统一原则l多媒体作品由多个界面构成，因此多媒体界面设计中如何保证各界面之间的一致性成为一个至关重要的问题。l应注意：各界面应用相似布局；主要元素与界面整体的色彩和风格保持严格的一致。采用线条和图像有机结合；主要字体和颜色保持一致并注意色彩搭配的和谐。l可以有效地统一作品的设计风格，使整个作品看起来变而不散。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface四、多媒体界面
18、设计的基本原则四、多媒体界面设计的基本原则-对比原则对比原则l使用对比原则是强调突出某些内容的最有效的办法之一。好处的对比度可以加强整个界面的形式感，使界面内容更易于辩认和接受。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface四、多媒体界面设计的基本原则四、多媒体界面设计的基本原则-分割原则分割原则l人们对“黄金分割”的了解往往仪在文字层面：将一条线段分割为两部分，使其中一部分与全长之比于另一部分与这部分之比，此时这个比值即称之为黄金分割。
19、l科学与艺术自古就是一枚硬币的两个方面，黄金分割就是一个典型的代表。科学家和艺术家普遍认为，黄金律是设计师需要遵循的首要原则。l例如：在建筑设计中，人们通常会在高塔的黄金分割点处建楼阁或设计平台，以便使平直单调的塔身变利于丰富多彩；同时会在摩天大楼的黄金分割处布置腰线或装饰物，以使整个楼群显得雄伟雅致。在出版领域中，黄金分割的使用表现更为普遍：按照正规裁法的纸张8开、16开、32开等，都采取了黄金分割的近似值。l黄金分割的布局（宏观全局）和比例（微观个体）第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Re
20、alize InterfaceRealize Interface四、多媒体界面设计的基本原则四、多媒体界面设计的基本原则-分割原则分割原则-布局布局l布局，多指艺术作品画面中的各组成元素之间位置上的宏观摆放关系。l清代画家方熏在其山静居画论卷中曾经这样形容画家的创作：“一如作文，在立意布局新颖乃佳，不然，缀辞待工，不过陈言而已。“由此可见，布局在美学中的重要地位。l由于黄金分割率1：0.618接近3：2，因此在实际设计中可以按照”三分原则“来进行实际操作。具体来讲，就是将作品画面平均划分为横竖三等份。其中，线与线的相交处是画面的焦点，而每条分割线（垂直分割线或水平分割线）应该是画面中重要景物所
21、接近的空间位置。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface四、多媒体界面设计的基本原则四、多媒体界面设计的基本原则-分割原则分割原则-比例比例l美学中的比例多指一种事物在整体中所占的份额或同一事物各个不同部分之间大小关系。l1：0.618这一比例关系一经出现，一种和谐、平衡、舒适美感立刻就会被营造出来。第 一 章第 一 章 认 知 界 面认 知 界 面1从字符到多媒体2多媒体界面设计的主要类型3多媒体界面的特征4多媒体界面设计的基本原则Realize InterfaceRealize Interface五、课外作业五、课外作业l熟悉PhotoShop多媒体界面设计方法l什么是多媒体界面？l多媒体界面分为哪些类型和哪些特征？l多媒体界面设计时应遵循哪些原则？
