《多媒体艺术编创第七章 多媒体界面要素设计.ppt》由会员分享，可在线阅读，更多相关《多媒体艺术编创第七章 多媒体界面要素设计.ppt（41页珍藏版）》请在三一文库上搜索。
1、多媒体艺术编创,第七章 多媒体界面要素设计,本章要点,第一节 界面文字设计 第二节 界面图像设计 第三节 界面工具设计 第四节 界面色彩设计 第五节 界面构架设计,第一节 界面文字设计,界面是一个窗口，它是将不同的元素进行编排，并使之成为一个连贯的整体。在一个多媒体界面中我们要通过视觉来传达一定的信息，构成这些视觉的元素是什么呢？ 信息传播是文字设计的一大功能，也是最基本的功能。文字设计意为对文字按视觉设计规律加以整体的精心安排。文字设计是人类生产与实践的产物，是随着人类文明的发展而逐步成熟的。在多媒体中进行文字设计，必须对它的历史和演变有个大概的了解。 当今世界文字体系的两大板块结构： 代表
2、华夏文化的汉字体系和象征西 方文明的拉丁字母文字体系。汉字 和拉丁字母文字都是起源于图形符 号，各自经过几千年的演化发展， 最终形成了各具特色的文字体系。,第一节 界面文字设计,字体 文字发展的历史也是文字设计的历史，在文字结构定型以后，文字设计开始以基本字体为依据，采用多样的视觉表现手法来创新文字的形式，以体现不同时期的文化、经济特征。 现代主义字体中最为通行的三种字体 不同类型的字体 以下有四种实例,第一节 界面文字设计,手写体秀丽柔美,第一节 界面文字设计,戈特体稳重挺拔,第一节 界面文字设计,儿童体活泼有趣,第一节 界面文字设计,书法体苍劲古朴,第一节 界面文字设计,字号 随着计算机技
3、术的日益成熟，传统的照排技术已在被桌面出版技术所取代。在计算机中字体的大小采用号数制、点数制和级数制的计算方法。其中，点数制为国际流行的字体计算标准制度。 Jump 率。在界面设计上，必须根据内容来决定标题的大小。标题和本文大小的比率就称为 Jump 率 。,第一节 界面文字设计,字号设计实例分析,第一节 界面文字设计,字距与行距 设计中界面内对字距和行距的设定将直接影响到界面给读者的直观心理感受和界面风格的确定。从另一个角度来讲，它也反映了设计者自身对该界面题材和内容的理解，以及设计者自身设计品位的不同。,第一节 界面文字设计,文字的空间 文字在多媒体界面设计中除了传达信息的基本功能外，文字
4、也是画面构成的重要组成部分。在画面的空间里，标题、段落等形成点、线、面等视觉形象，他们的位置、大小直接影响到画面空间的组织形式。,第一节 界面文字设计,视觉美感 在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。,第二节、界面图像设计,在由文稿、图像、色彩三种基本传达要素所共同建立多媒体界面里，图像是诸关系要素的重要因素。图像是多媒体界面设计中的关键，它直接影响到作品的整体效果和内在张力，从而也影响了信息和感情的视觉冲击，更进一步地影响着人们对某件作品的感性判断力。 图像作为文字的辅助功能，付予了文字具体的形象，使用图像是设计常
5、用的设计手段之一。图像是一种体现内涵观念与情感的视觉语言，图像的表现力较强，表现形式多样，可采用照片、绘画等形式增加消费者对产品的兴趣，以视觉形象加深消费者对产品的认识和记忆。 除了文本之外，多媒体界面上最重要的设计元素莫过于图像了。一方面，图像的应用使多媒体界面更加美观、有趣；另一方面，图像本身也是传达信息的重要手段之一。与文字相比，它直观、生动，可以很容易地把那些文字无法表达的信息表达出来，易于浏览者理解和接受。,第二节、界面图像设计,图像的形式 同印刷排版一样，静态图像在多媒体界面排版中的运用不外乎四种形式：方形图、退底图、出血图以及这三种形式的结合使用,第二节、界面图像设计,第二节、界
6、面图像设计,图像的编排 四角与中轴四点结构,第二节、界面图像设计,第二节、界面图像设计,块状组合与散点组合结构,第二节、界面图像设计,图像的处理 图像的外形处理 图像的方向 图像的剪裁 图像的数量 与背景的关系,第二节、界面图像设计,图像的面积 界面中图像的大小往往由其在视觉上或情感上的重要程度来决定。通常将重要的、精彩的、希望读者能很快认知的图像在界面中所占的设计得面积较大，使之成为视觉的主导。特别是在以展示图像为主的多媒体界面中，更要注意处理图像的面积。图像在多媒体界面中占据的面积大小能直接显示其重要程度。 图像的大小不仅决定着主从关系，也控制着页面的均衡与运动。大小对比强烈，给人跳跃感，
7、使主角更突出；大小对比减弱，则页面稳定、安静。,第三节、界面工具设计,在多媒体中界面中，工具以图标的形式存在，图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识，界面中的图标是功能标识。,第三节、界面工具设计,图标设计有三点是非常重要的：创意，细节，整体性 创意：一个好的出发点或角度能让你的图标与众不同，脱颖而出。,第三节、界面工具设计,第三节、界面工具设计,整体性：一套完整的图标应该来自同一个地方。,第三节、界面工具设计,细节：也许你的图标再加上这一点就能变成一流的创意图标。,第四节、界面色彩设计,色彩的构成要素 色相它作为佛教名词时是指一切事物的形状和外貌，而作为色彩概念时，即指色
8、彩的相貌（色彩的倾向）。,第四节、界面色彩设计,纯度指色彩的饱和程度。,第四节、界面色彩设计,明度是指色彩的明暗或深浅程度,第四节、界面色彩设计,色彩的表情 红色的表情特性,第四节、界面色彩设计,橙色的表情特性,第四节、界面色彩设计,黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象,第四节、界面色彩设计,蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷静的色,第四节、界面色彩设计,绿色是具有黄色和蓝色两种成份的色,第四节、界面色彩设计,紫色的明度在有彩色的色料中是最低的,第四节、界面色彩设计,白色的色感光明，性格朴实、纯洁、快乐,第四节、界面色彩设计,多媒体界面中的色彩 跟生活中
9、和印刷中不同，我们设计的多媒体界面最终是要在显示终端上，在我们创作多媒体界面时，调色不再使用颜料，而是通过鼠标的操作，所以说，多媒体界面的创作中的色彩表现有着自己的特点。 首先，我们要掌握RGB与CMYK的区别，显示器的颜色属于光源色。在显示器屏幕的内侧均匀分布着红色、绿色、蓝色的荧光粒子，当接通显示器电源时显示器发光并以此来显示颜色。显示器可以显示出多达1600万种颜色。显示器颜色的显示是通过红、绿、蓝这三原色的叠加来实现的，所以这种颜色的混合原理被称为加法混合。CMYK是减法混合。 还有一点我们必须注意，在我们的多媒体界面显示的时候，即使是一模一样的颜色也会由于显示设备、操作系统、显示卡不
10、用而又不尽相同的显示效果。但是，针对这个问题我们有一个勉强的解决办法，那就是使用安全色。安全颜色是在不同的硬件环境、不同操作系统都能正确显示的颜色集合（调色板），但是这个调色板只有216种颜色。,第五节、界面构架设计,目前的多媒体均采用超媒体技术，它是根据节目内容目标的要求，把有关的多媒体信息如文本、图形、图像、声音、动画、视频等组织起来，组成一个较为复杂的网络系统，受众使用或欣赏时容易失去方向，或者增加不必要的认知负载。在多媒体界面设计时，通过界面元素表现出节目的信息架构非常关键，可以帮助受众根据自己的认知经验通过界面上的视觉暗示选择正确内容，或者更加方便地转入各分支内容，或者在任何地点都能回到主界面或退出整个多媒体节目等。 在屏幕布局设置过程中，应该注意以下几方面的问题： 画面整体效果美观 简洁明了 可预见性,第五节、界面构架设计,第五节、界面构架设计,第五节、界面构架设计,