多媒体艺术编创第七章 多媒体界面要素设计.ppt

多媒体艺术编创 第七章 多媒体界面要素设计 本章要点 第一节 界面文字设计 第二节 界面图像设计 第三节 界面工具设计 第四节 界面色彩设计 第五节 界面构架设计 第一节 界面文字设计 界面是一个窗口，它是将不同的元素进行编排，并使之成为一个连贯的整体。在一个多媒体界面中我们要通过视觉来传达一定的信息，构成这些视觉的元素是什么呢？ 信息传播是文字设计的一大功能，也是最基本的功能。文字设计意为对文字按视觉设计规律加以整体的精心安排。文字设计是人类生产与实践的产物，是随着人类文明的发展而逐步成熟的。在多媒体中进行文字设计，必须对它的历史和演变有个大概的了解。 当今世界文字体系的两大板块结构： 代表华夏文化的汉字体系和象征西 方文明的拉丁字母文字体系。汉字 和拉丁字母文字都是起源于图形符 号，各自经过几千年的演化发展， 最终形成了各具特色的文字体系。 第一节 界面文字设计 字体 文字发展的历史也是文字设计的历史，在文字结构定型以后，文字设计开始以基本字体为依据，采用多样的视觉表现手法来创新文字的形式，以体现不同时期的文化、经济特征。 现代主义字体中最为通行的三种字体 不同类型的字体 以下有四种实例 第一节 界面文字设计 手写体秀丽柔美 第一节 界面文字设计 戈特体稳重挺拔 第一节 界面文字设计 儿童体活泼有趣 第一节 界面文字设计 书法体苍劲古朴 第一节 界面文字设计 字号 随着计算机技术的日益成熟，传统的照排技术已在被桌面出版技术所取代。在计算机中字体的大小采用号数制、点数制和级数制的计算方法。其中，点数制为国际流行的字体计算标准制度。 Jump 率。在界面设计上，必须根据内容来决定标题的大小。标题和本文大小的比率就称为 Jump 率 。 第一节 界面文字设计 字号设计实例分析 第一节 界面文字设计 字距与行距 设计中界面内对字距和行距的设定将直接影响到界面给读者的直观心理感受和界面风格的确定。从另一个角度来讲，它也反映了设计者自身对该界面题材和内容的理解，以及设计者自身设计品位的不同。 第一节 界面文字设计 文字的空间 文字在多媒体界面设计中除了传达信息的基本功能外，文字也是画面构成的重要组成部分。在画面的空间里，标题、段落等形成点、线、面等视觉形象，他们的位置、大小直接影响到画面空间的组织形式。 第一节 界面文字设计 视觉美感 在视觉传达的过程中，文字作为画面的形象要素之一，具有传达感情的功能，因而它必须具有视觉上的美感，能够给人以美的感受。 第二节、界面图像设计 在由文稿、图像、色彩三种基本传达要素所共同建立多媒体界面里，图像是诸关系要素的重要因素。图像是多媒体界面设计中的关键，它直接影响到作品的整体效果和内在张力，从而也影响了信息和感情的视觉冲击，更进一步地影响着人们对某件作品的感性判断力。 图像作为文字的辅助功能，付予了文字具体的形象，使用图像是设计常用的设计手段之一。图像是一种体现内涵观念与情感的视觉语言，图像的表现力较强，表现形式多样，可采用照片、绘画等形式增加消费者对产品的兴趣，以视觉形象加深消费者对产品的认识和记忆。 除了文本之外，多媒体界面上最重要的设计元素莫过于图像了。一方面，图像的应用使多媒体界面更加美观、有趣；另一方面，图像本身也是传达信息的重要手段之一。与文字相比，它直观、生动，可以很容易地把那些文字无法表达的信息表达出来，易于浏览者理解和接受。 第二节、界面图像设计 图像的形式 同印刷排版一样，静态图像在多媒体界面排版中的运用不外乎四种形式：方形图、退底图、出血图以及这三种形式的结合使用 第二节、界面图像设计 第二节、界面图像设计 图像的编排 四角与中轴四点结构 第二节、界面图像设计 第二节、界面图像设计 块状组合与散点组合结构 第二节、界面图像设计 图像的处理 图像的外形处理 图像的方向 图像的剪裁 图像的数量 与背景的关系 第二节、界面图像设计 图像的面积 界面中图像的大小往往由其在视觉上或情感上的重要程度来决定。通常将重要的、精彩的、希望读者能很快认知的图像在界面中所占的设计得面积较大，使之成为视觉的主导。特别是在以展示图像为主的多媒体界面中，更要注意处理图像的面积。图像在多媒体界面中占据的面积大小能直接显示其重要程度。 图像的大小不仅决定着主从关系，也控制着页面的均衡与运动。大小对比强烈，给人跳跃感，使主角更突出；大小对比减弱，则页面稳定、安静。 第三节、界面工具设计 在多媒体中界面中，工具以图标的形式存在，图标是具有明确指代含义的计算机图形。其中桌面图标是软件标识，界面中的图标是功能标识。 第三节、界面工具设计 图标设计有三点是非常重要的：创意，细