界面设计基础

1、界面设计基础    媒体是信息的载体，多媒体包括图、文、声、像四大部分，我们今天所说的多媒体画面包含了其中的图、文、像三部分。对于多媒体课件来说，构成画面的这三大部分就是教学内容的载体，其表现形式直接决定了教学信息传播的通畅性，所以针对画面设计的研究非常必要。一、多媒体课件界面设计规律 多媒体课件界面是画面的一种表现形式，是课件各画面要素的组合呈现模式和效果，其中往往包含着传达教学内容的画面。多媒体课件界面对于多媒体课件来讲是极其重要的，从某种程度上讲一系列的界面就代表了多媒体课件本身。多媒体课件的界面由多个画面要素组合而成，属于“图”范畴的画面要素包括背景、交互

2、形象、装饰、教学图片、图形表格等；属于“文”范畴的画面要素包括教学内容文字、装饰性文字、说明性文字等；属于“像”范畴的画面要素包括动画及模拟信号数字化了的视频等。下面我们把这些画面要素分类分别介绍。1、背景 多媒体课件界面设计的第一步就是决定用户窗口的大小以及长宽比例，普通人对于屏幕的视觉心理习惯于水平边缘大于竖直边缘的矩形（如显示器窗口的形状），在具体设计中，这种矩形长宽的比例是可以根据情况有一些变化的。  多媒体课件组合了多种媒体表现的教学内容，为了美观，也为了主体表现不让人感觉突兀，安排适当的背景非常必要。背景的颜色、图案要根据软件整体形象风格的要求来制作，原则是色彩尽量单一，

3、形象尽量简洁，避免喧宾夺主。背景可以是单色；可以是图案性简单排列；可以是某种环境；也可以是根据其它画面要素比如说标题、主体文字、图形、按钮等的安排在适当的位置突出的某种图案，对教学内容的主体在一定程度上起到包围、装饰的效果。2、 交互形象多媒体课件与传统教学媒体相比突出的特点就是能够实现人机交流，所以，多媒体课件的交互是非常重要的。交互形象设计的原则是简洁、明了、操作方便。常见的有菜单交互、按钮交互、热字交互、图形（像）交互等。    菜单交互的优点是：使用简便；可隐可现，一般作为菜单栏或按钮放置在界面的某一个位置，基本不影响界面整体的美观  

4、 按钮交互是在实际制作中是使用得最多的一种交互方式。按钮交互是的优点是：制作简便；用户一目了然，操作便捷；可以根据界面的整体风格和形象来制作与界面融于一体的按钮。    按钮形象设计另一个问题是按钮的本身，按钮本身必须是变化或具有一定动感的。产生变化和动感要靠按钮悬浮时、指针指向时和鼠标按下时三种情况的互相配合，一般不外乎以下几种方法：按钮悬浮时下部有阴影，鼠标按下时阴影消失；按钮悬浮时是凸出浮雕的效果，鼠标按下时是凹下浮雕的效果；按钮悬浮时按钮较大，鼠标按下时按钮较小；指针指向时按钮变色、发光、发声或出现相应文字。    

5、 热字交互一般用于对定义、名词等的解释，也可以用于高层次章节目录性的跳转。热字设计的原则是：突出于其它没有跳转链接的文字又不影响整体文字块的整体性，一般采取字体、字号不变只对文字颜色稍加变化的方法，颜色变化时要参照界面的整体风格和颜色，以不影响本界面整体形象的完整性为准。在软件交互设计中，遇到有热字的情况应使鼠标指针有所变化，提醒用户这里是热字交互区域；可能的情况下热字可以采用部分重叠的弹出式窗口方式，用户阅读后可随时消失，如果热字是跳转到其它层次中，还应能够简便地跳转回来。    图形（像）交互有两种，一种是图形（像）本身就是教学内容，通过交互操作或可以调出对本

6、图形（像）的解释，或可以局部放大进行说明，或可以跳转到相关内容，目的是为了教学操作方便，视具体情况而定。另一种是为了美观，图形（像）本身不包含教学内容，图形（像）只不过是交互形象的一种变化，目的是使界面更加美观富有吸引力。3、装饰    装饰物可以是软件的整体标识，可以是图案边框，也可以是空挡处的装饰。在多媒体课件界面的设计中，装饰物并不是必须的。装饰物设计的原则是：    与教学内容有一定的关联性；    与界面的整体风格统一；    与背景有某些一致性，如颜色一致；

7、60;   不可过于醒目，喧宾夺主。4、图形图像   这里所说的图形图像是属于教学内容范畴的，这些图形图像具有形象生动、信息量大、现场感强、容易记忆、便于理解和发挥想象力等特点，图形图像与文字的优势互补，形成了理论与感性相得益彰的教学方式，丰富了教学内容，提高了教学质量，能够激发起学生的学习兴趣。    图形图像出现在多媒体课件的界面上有两层含义：第一它传达教学信息是必不可少的，第二要尽量使其形象美观并与整体界面交融协调。    图形可以理解成矢量图形，包括各种图纸、表格、柱状图、饼状图以及各种

8、矢量图等。科学明确性是图形的基本属性，在设计和制作时要以保证基本属性为前提，达到可辨认性和美观性的统一。矢量图形作为传输信息的手段，常常比图像更为有效，因为完全如实的位图画面常常含有太多冗余的视觉信息，会分散学生的注意力。    图像可理解为照片一类的色彩细节丰富细腻的平面静止媒体。图像的真实度比较高，通过图像学生可以很容易地获得直观信息，但是，有研究表明，学生的注意力往往集中于图像本身而忽略了对其教学内容的思考，它对学生的感官刺激较大，但学生的思维却并不活跃。针对目前图像在多媒体课件中大量使用的情况，我们必须看到它的弊端，对图像做出理性的选择和判断，不能滥用。图

9、像的来源有两种，一种是资料图片，一种是根据课件要求由制作人员拍摄或制作的图片。关于摄影艺术，有大量相关书籍，图像进入电脑后的拼接、修改要根据具体要求具体分析，这里均不再赘述。5、 文字   在多媒体课件中，教学内容的文本形式是非常重要的画面要素。同时文字的设计编排是赋予界面审美价值、增强教学效果的一种重要手段。 在课件界面中安排文字时，要注意以下几点：       字体的运用要服从界面的风格特征。       考虑文字编排的整体效果。     

10、同一界面中，不得多于三种字体，文字的颜色不得超过三种。     常用字体可以分为几大类：端庄稳重的，如宋体、黑体、魏碑等；清秀挺拔的，如仿宋、圆体等；欢快轻盈的，如行楷、文鼎广告、方正少儿等；古朴凝重的，如隶书、颜体、文鼎古印等；新颖独特的，如文鼎酷字集中的字体等。字体的运用要服从界面的风格特征。文字的选择不能和整个界面的风格相脱离，字体与所表达的内容要有暗合点，起到相辅相成的作用。    文字编排非常重要，如果教学内容文字排列不当，比如说行距过宽活着过窄，不仅会影响界面本身的美感，也不利于学习者进行有效的阅读，难以产生良好的教学效果

11、。下面分别说明不同功能文字各自的特点。  标题文字。标题文字可以以各种形式出现：可以与整体界面的艺术设计容为一体，富于装饰性；可以以装饰风格相同的标志的形式出现，仅仅改变文字的内容；也可以与正文成为一体，突出教学内容。           正文文字。要让文字给人以清晰的视觉印象，切忌只考虑美观忽略功能。      说明文字。说明文字是指对软件内容、功能及操作的解释说明性文字。一般可按正文文字处理，体现信息传达的清晰性。对于一些必须出现在具有教学内容的界面中即时性说明

12、文字，比如某个按钮的用途，则要尽量采用隐形方式，避免影响界面的美观。6、视频和动画    多媒体软件对模拟视频和电脑动画的引入是教学上的最大优势， 动画和视频表现知识点灵活方便，自由度大，能够在时间上浓缩百年风云，空间上展现常人无法观察的微观世界和宇宙空间，在教学中实用性极强。   尽量避免表现教学内容的画面要素和其它画面要素的“撞车”，原则就是：形式服从于内容，在有二、三维动画和视频媒体的教学内容的界面中尽量不要使用动态的界面设计，而在大量的由静态的文字、图像、图形等媒体形式表现教学内容的界面中，则可以根据设计风格有目的的选择一些动态的画面要

13、素加入界面设计中。二、多媒体课件界面整体编排    人的知觉具有完整性，引起学生注意的不是某个画面要素，而是呈现在他面前的界面的整体，所以整体编排是多媒体课件界面设计中最重要的部分。    整体编排的顺序是：先安排承载教学内容的画面要素，这是主体，如文本、图片或动画等，再根据需要，在主体周围依据设计原则放置所需的按钮、标志和各种装饰等。关于整体版式编排的规律和原则可以向平面艺术设计取经，平面设计经过了多年的探索和研究，积累了许多可以平移借鉴的理论。    1教学内容鲜明突出  

14、0; 画面要素整体编排的目的在于使界面产生清晰的条理性，使教学内容鲜明突出，达成最佳的教学效果并富有美感。使教学内容成为视觉的中心的主要方法有：            在承载教学内容的画面要素四周留白。    通过对比突出教学内容。 运用线条（框）进行分割。运用线条（框）进行分割是设计界面时突出教学内容的最常用的方法，线条（框）的限定具有相对约束的功能。特点是，条（框）细，界面轻快而有弹性，但引起的注意弱；条（框）加粗，教学内容有被强调的感觉，同时诱导视觉注意；条（

15、框）过粗，界面则变得稳定、呆板，空间封闭。在进行画面要素整体编排时，还要注意各要素间间隙大小的节奏感，间隙大，节奏减慢，视觉感觉舒展，但过分增大，则失去了联系，彼此不能呼应，也会给学生心理造成拖怠的感觉；间隙小，节奏强而有力，布局显得紧凑；但间隙过小，会显得紧张而拥挤，造成视觉疲累，教学内容传达的清晰度也会被降低   动态内容的运用，能够使教学内容的表现形式更加多样化。    2形式与内容的统一 多媒体画面是合目的性与合规律性的统一，无论是传达教学内容的画面还是整体界面设计所追求的完美形式必须符合软件所要表达的教学内容，否则画面将会变得空洞或刻板。要将形

16、式与内容统一，设计者必须首先深入领会软件教学内容的精神，再融合自己的设计灵感和知识，找到一个合适的表现形式，画面才会体现出它特有的价值。  3风格设计与表现规律   在设计中表现风格的方法：   引入了网站设计的一个概念logo。在多媒体课件中引用logo的特性，设计一个小小的个性化的标志，使它相对稳定的出现在每一个界面上，这种统一化的设计，将是多媒体课件界面树立自我风格的第一步。    制定标准色彩和标准字体。标准色是画面（界面）总的色彩倾向和风格，它为画面（界面）定基调，而色彩基调既是视觉造型，又能造就画面的情绪氛围；有了二至三个

17、统一的标准色，会使多媒体软件的不同界面看起来比较统一，这对软件整体的风格化是非常必要的；学生从中得到的是稳定的心理感受，也有利于认知活动的开展。设计者在设置标准色的同时，还可以指定四、五种辅助色，这样不但可以简化设计过程中配色工作，更可以求得视觉效果上风格的一致性。采用标准字体的理由同采用标准色一样，在一幅界面中，最好不要超过三种字体，整个软件的其它界面上也要运用同样的字体。当然，世界上没有绝对的东西，比如设计卡通式活泼跳跃的风格，一、两种标准色当然不够用；较大型多媒体软件各个大框架内容的标准颜色也可以在色调统一的情况下在色相上有一些变化。      使

18、用风格统一的背景和统一的图片效果处理方式。大多数情况下，多媒体软件不同界面的背景是应当有一定变化的，这种变化可以体现在背景应用的图上，但处理方法和色调一定要统一。将所有的图形或图像做同样的处理。      按钮、装饰物等风格统一。应当确保界面上要表现的主要内容在每一幅界面上都在同一位置，特别是按钮，形象、功能、信息提示都要保持相对的固定。三、多媒体课件界面运动的表达规律1.视频和动画的运动视频和动画的运动包括对象的运动、摄像机的运动和蒙太奇运动三种。 对象的运动是指画面中人或物的运动。包括画面中人或物在空间和时间中的形态、位置等的变化、发展和运动过程。比

19、如运动员的动作过程、机械运动、操作技术演示等；除了这些运动外，还可以表现那些平时难以看到的运动，如模拟电流运动、细胞的分裂、植物的发芽生长等。   摄像机的运动是指摄像机借助推、拉、摇、移、跟、升降等，通过机位和焦距的变化造成运动。三维动画软件3D MAX中摄像机的运用被特别地强调了出来，它代表观察者的视点从不同角度观察某种事物；二维动画的制作也越来越多地认识到这一点。    蒙太奇运动是指画面的剪辑衔接产生的运动，主要优势在于表现叙事结构，在电影美学中强调表现画面与画面之间的联系，而在说明性的为主的教学视频或动画中更多用来丰富视觉表现，造成某

20、组画面本身的节奏感，使视频或动画画面有所变化。    在实际中，这三种运用方式往往是结合在一起的。许多电影电视中的运动组合理论还是要再一次强调出来：对象运动时尽量减少摄像机的运动；画面包含摄像机推、拉、摇、移等运动的时候要等运动完成静止至少3秒才可以进行画面的切换；教学片中画面剪辑切换不能太多，反映教学主体的画面时间要在6秒以上；相对静止的、反映内容相似的画面连续应用不宜过多。 2.图片或文字的缓出    图片或文字的缓出又分为两种情况，一种是为了使画面形式丰富、多变，在同一画面内，图片、文字各自作为不同的对象、以相同或不同的形式、在

21、不同或相同的时间内出现，多用于软件的封页、主界面或者某一部分的标题性界面。这种运动形式切忌出现过程过慢；还要注意动态出现的画面要素不要过多，一般二、三个为宜。另一种是为了教学需要设计图片或文字缓出，讲这一部分的时候不让学生看到下一部分以免分散注意力，这种情况缓出过程尽量不要设计动画效果。  3.画面之间的过渡    大多数多媒体创作工具软件都为画面之间的过渡提供了各种形式，有的多达几十乃至上百种，在选择过渡形式时要根据画面形式和内容的情况具体分析。过渡绝不可过快或过慢，以1秒钟为宜，不能低于0.5秒钟或高于2秒钟。四、构图基础1、平面构图的基本形式平面构

22、图的基本形式可以分为三大类，即：对称构图、不对称构图、不对称的对称构图。 对称构(图1）在对称构图中，视觉形象的各组成部分是对称安排的：所有各部分可以沿中轴线划分为完全相等的两部分。我们可以认为对称构图是一种匀称状态，这种构图使得由于不同视觉形象的对比而产生相互对抗的力处于视觉上的平衡状态。我们可以把握并运用这种平衡特性，来获得一种预期的知觉效果，并传达给受众。对称构图总是表现出静止、稳定、典雅、严峻、冷漠，有时也会显得刻板或是千篇一律。(图1）2、不对称构图(图2）在不对称构图中，版面的所有组成部分或者是其中的大多数的排列，不能由一条中轴线划分成相等的两部分。不对称构图所具有的视觉特性以及可

23、能产生的视觉效应，几乎与对称构图完全相反。不对称构图显得活泼和具有动感，视觉感受强烈而骚动，能使人感到兴奋、激动或是狂热。这种动态表现的特征，能使人感到变化、发展或活力。正因为如此，不对称也是一种适应很强、极富变化的构图方式。大多数的对比构图是不对称构图。(图2）3、不对称的对称构图（图3）图3 不对称的对称构图既不是严格的对称，也不是绝对的不对称。不对称的对称是在同一构图中结合了对称与不对称两者的特性。当一个构图的一部分符合对称特性，而其余部分却符合不对称特性时，就产生了不对称的对称构图。因此，不对称的对称可以看成是一种构图排列，这种排列中的一部分(不是所有的组成部分)，是能够由一条中轴线来

24、进行等同划分或定位的。在实际的构图设计中用得最多且最富变化的，算是不对称的对称这种构图形式。它还具有两种不同的形式?无意识的不对称对称和有意识的不对称对称。（1）无意识的不对称对称无意识的不对称对称是因为在制作过程中不具备足够的技术能力，因而原来构想的对称图形制作成了不对称图形。很多时候，作者本想造成对称构图，但由于缺乏机械辅助手段或是测量工具，“随手”画来，因而造成了无意识的不对称。这种无意识的不对称对称，在儿童的作品中和原始时期艺术家的视觉表达中，是屡见不鲜的。无意识的不对称对称似乎同时取得了好几种效果。在这种构图中，诸如平衡、形准性或稳定性之类对称所具有的特性，可以用来使人产生力量、强度

25、、永恒性等感受。同时，不对称又能导致充分的视觉变化，从而使形象能激起人们的热忱、自发性等多方面的反应。有意识的不对称对称设计师有意识地改变对称构图，就形成了有意识的不对称。它能根据设计师的愿望突出某些构图上的特征?它既能突出对称特性，也可以突出不对称特性。用这种构图方法，可以均等地使用对称与不对称，也可以强调某一种，使其比另一种更占优势。总之，人们可以根据自己的愿望来变化两者间的强弱。例如，一定程度的对称性，加上一点不对称的动态特征，就能够创造一种力量感。当然，动态的不对称性无须大肆渲染，只要能增强对称图形的力度，并能避免对称构图的呆板就行了。五、形式美法则 1.和谐 和谐的广义解释是：判断两

26、种以上的要素，或部分与部分的相互关系时，各部分所给我们的感受和意识是一种整体协调的关系。和谐的狭义解释是统一与对比两者之间不是乏味单调或杂乱无章。 2.对比与统一 把反差很大的两个视觉要素成功地配列于一起，虽然使人感受到鲜明强烈的感触而仍具有统一感的现象称为对比，它能使主题更加鲜明，视觉效果更加活跃。对比关系主要通过视觉形象色调的明暗、冷暖，色彩的饱和与不饱和，色相的迥异，形状的大小、粗细、长短、曲直、高矮、凹凸、宽窄、厚薄，方向的垂直、水平、倾斜，数量的多少，排列的疏密，位置的上下、左右、高低、远近，形态的虚实、黑白、轻重、动静、隐现、软硬、干湿等多方面的对立因素来达到的。它体现了哲学上矛盾

27、统一的世界观。 3.对称与不对称 对称的形态在视觉上有自然、安定、均匀、协调、整齐、典雅、庄重、完美的朴素美感，符合人们的视觉习惯。在平面构图中运用对称法则要避免由于过分的绝对对称而产生单调、呆板的感觉，有的时候，在整体对称的格局中加入一些不对称的因素，反而能增加构图版面的生动性和美感，避免了单调和呆板。 4.均衡 在衡器上两端承受的重量由一个支点支持，当双方获得力学上的平衡状态时，称为平衡。在平面构成设计上根据形象的大小、轻重、色彩及其他视觉要素的分布作用于视觉判断的平衡。平面构图上通常以视觉中心（视觉冲击最强的地方的中点）为支点，各构成要素以此支点保持视觉意义上的力度平衡 5.比例 恰当的

28、比例则有一种谐调的美感，成为形式美法则的重要内容。美的比例是平面构图中一切视觉单位的大小，以及各单位间编排组合的重要因素。 6.视觉重心 在平面构图中，任何形体的重心位置都和视觉的安定有紧密的关系。人的视觉安定与造形的形式美的关系比较复杂，人的视线接触画面，视线常常迅速由左上角到左下角，再通过中心部分至右上角经右下角，然后回到以画面最吸引视线的中心视圈停留下来，这个中心点就是视觉的重心。但画面轮廓的变化，图形的聚散，色彩或明暗的分布等都可对视觉重心产生影响。因此，画面重心的处理是平面构图探讨的一个重要的方面。 7.节奏与韵律 节奏这个具有时间感的用语在构成设计上是指以同一视觉要素连续重复时所产

29、生的运动感。平面构成中单纯的单元组合重复易于单调，由有规则变化的形象或色群间以数比、等比处理排列，使之产生音乐、诗歌的旋律感，称为韵律。有韵律的构成具有积极的生气，有加强魅力的能量。 8.联想与意境 平面构图的画面通过视觉传达而产生联想，达到某种意境。联想是思维的延伸，它由一种事物延伸到另外一种事物上。各种视觉形象及其要素都会产生不同的联想与意境，由此而产生的图形的象征意义作为一种视觉语义的表达方法被广泛地运用在平面设计构图中。 9.删除 删除就是从构图形象中排除不重要的部分，只保留那些绝对必要的组成部分，从而达到视觉的简化。通过研究一些设计大师的作品，我们注意到，任何有效的，吸引人的视觉表达

30、，并不需要太多复杂的形象。许多经典的设计作品在视觉表现上都是很简洁的。六、色彩基础我们生活在五彩缤纷的世界里，天空、草地、海洋、漫无边际的薰衣草都有它们各自的色彩。你、我、他也有自己的色彩，代表个人特色的衣着、家装、装饰物的色彩，可以充分反映人的性格、爱好、品位。 设计爱好者对色彩的喜爱更是“如痴如狂”，他们知道色彩不仅仅是点缀生活的重要角色，它也是一门学问。要在设计作品中灵活、巧妙的运用色彩，使作品达到各种精彩效果，就必须对色彩好好研究一番。今天我们首先学习一些关于色彩的最简单、基础也是很重要知识，感受一下色彩运用的妙处！1、色彩的构成色彩一般分为无彩色和有彩色两大类。无彩色是指白、灰、黑等

31、不带颜色的色彩，即反射白光的色彩，如图1。图1有彩色是指红、黄、蓝、绿等带有颜色的色彩，如图2中的色彩。图22、色彩的对比 在一定条件下，人对同一色彩有不向的感受。色彩单一给人一种印象。在不同的环境下，多色彩给人另一种印象。色彩之间这种相互作用的关系称“色彩对比”。色彩对比包括两方面。其一，时间隔序，称“同时发生的对比”；其二，空间位置，称“连贯性的对比”。对比本来是指性质对立的双方相互作用、相互排斥。然而，在某种条件下，对立的双方也会相互融合、相互协调。并置的不同色调往往相抵消对方的色彩，这种相互抵消的现象称“同化现象。对比的具体运用和效果，将在以后的文章中再详细讲解。3、色彩的表现手法人的

32、色感可用色彩三属性色调、亮度、饱和度表示。不过三属性毫无差异的同一色彩会因所处位置、肯景物不同而给人截然相反的印象。我们以蓝色编织物和蓝色木地板为例，图3，假定它们的三属性相同，但在观赏者的眼中，编织物的色彩与木地板的色彩毫无共同之处。这种现象称为“色彩的表现形式”。图3色彩的表观形式包括面色、表面色、空间色等。面色又称“管窥色”，像天空色彩平平展展，缺乏质感，给人柔软的感觉（图4）。图4表面色指色纸等物体的表面色彩。表面色依距离远近给人不同的质感。图5中是同一张纸，取了远近距离不同的位置。两张图看起来有点明暗程度不同的感觉，远距离的看起来颜色要深一些。图5空间色又称“体色”，似充满透明玻璃瓶

33、中的带色液体，是指弥漫空间的色彩。此外，还有表而光泽、光源色等。七、色彩的特性 1、色彩的冷暖物体通过表面色彩可以给人们或温暖或寒冷或凉爽的感觉。一般说来，温度感觉是通过感觉器官触娱物体而来与色彩风马牛不相及。事实上，各类物体借助五彩缤纷的色彩给人一定的温度感觉。红、橙、黄等颜色使人想到阳光、烈火，故称“暖色”。如图6中燃烧的深林，如果你没看到图，听到火，肯定会想到是红色，灼热的感觉。图6绿、青、蓝等颜色与黑夜、寒冷相联，称“冷色”。图7，夜晚被灯光照亮的宾馆大厦，感觉冷冷的。图7红色给人积极、跃劝、温暖的感觉。蓝色给人低静、消极的感觉。绿与紫是中性色彩刺激小，效果介于红与蓝之间。中性色彩使人

34、产生休憩、轻松的情绪，可以避免产生疲劳感。人对色彩的冷暖感觉基本取决于色调。色系一般分为暖色系、冷色系、中性色系三类。色彩的冷暖效果还需要考虑其他因素。例如，暖色系色彩的饱和度愈高，其温暖的特性愈明显；而冷色系色彩的亮度愈高，其特性愈明显。我们把上面的图6、7，分别增加饱和度和亮度，看到各自反映的效果更加突出（图8）。图82、色彩的轻重感觉各种色彩给人的轻重感不同，我们从色彩得到的重量感，是质感与色感的复合感觉。例如两个体积、重量相等的皮箱（图9）分别涂以不同的颜色，然后用手提、目测两种方法判断木箱的重量。结果发现，仅凭目测难以对重量做出准确的判断，可是利用目测木箱的颜色却能够得到：轻重感，浅

35、色密度小，有一种向外扩散的运动现象，给人质量轻的感觉深色密度大，给人一种内聚感，从而产生份量重的感觉。 图93.、色彩的膨胀与收缩比较两个颜色一黑一白而体积相等的正方形（图10）可以发现有趣的现象，即大小相等的正方形，由于各自的表面色彩相异，能够斌予人不同的面积感觉。白色正方形似乎较黑色正方形的面积大。这种因心理因素导致的物体表面面积大于实际面积的现象称“色彩的膨胀性”。反之称“色彩的收缩性”。给人一种膨胀或收缩感觉的色彩分别称膨胀色”、“收缩色”。色彩的胀缩与色调密切相关，暖色同膨胀色，冷色属收缩色。图104、色彩的前进性与后退性 如果等距离地看两种颜色，可给人不同的远近感。如：黄

36、色与蓝色以黑色为肯景时（图11），人们往往感觉黄色距离自己比蓝色近。换言之，黄色有前进性，蓝色有后退性。较底色突出的前进性的色彩称“进色”；较底色暗淡的后退色彩称“退色”。图11一般而言，暖色比冷色更富有前进的特性。两色之间，亮度偏高的色彩呈前进性，饱和度偏向的色彩也呈前进性。但是色彩的前进与后退不能一概而论，色彩的前进、后退与背景色密切相关。如在白背景前（图12），属暖色的黄色给人后退感，属冷色的蓝色却给人向前扩展的感觉。图125、色彩艳丽与素雅般认为，如果是单色，饱和度高，则色彩艳丽。饱和度低，给人素雅的感觉。除了饱和度，亮度也有一定的关系。不论什么颜色，亮度高时即使饱和度低也给人艳丽的感

37、觉。综上所述，色彩是否艳丽、素雅，取决于色彩的饱和度线段，亮度尤为关键。高饱和度、高亮度的色彩显得艳丽。我们从图13中的一组变化饱和度、亮度的图片，直接的感受艳丽与素雅的概念。图13混合色的艳丽与素雅取决于混合色中每一单色本身具有愈特性及混合色各方的对比效果。所以对比是决定色彩艳丽与居雅的重要条件。此外，结合色彩心理因素，艳丽的色彩一般和动态、快活的感情关系密切：素雅与静态的抑郁感情紧密相联。除了上面讲述的色彩的几种特性之外，色彩的特性还包括联想、象征意义。对色彩的联想事物，根据观看人的年龄不同，想到的结果也不一样，例如中学生看到白色，容易联想到墙、白雪、石膏像、白兔等。成年人可能会想到护士、

38、正义、白房子等等。白色象征纯洁、神圣的事物，例如新娘的婚纱都是用的白色，代表婚姻的神圣和严肃。八、色彩和性格 人们对某种色彩的偏爱与性格有很大关系，不同的色系具有不同的含义。因此我们可以根据他人的衣着色彩、房间色彩等身边的东西，分析他的性格。我们可以大概的分析一下各色系代表的性格：红色：冲动，精力旺盛，具有坚定的自强精神。橙黄色：对生活富于进取，开朗，和蔼。黄色：胸怀远大理想，有为他人献身的高尚人格。绿色：不以偏见取人，胸怀宽阔，思想解放。蓝色：性格内问，责任感强，但偏于保守。我们在做设计的时候，根据设计对象、目的不同，必须合理的安排色彩的使用范围。本篇简单介绍了色彩的一些知识，虽然简单，我想

39、读完上面的内容之后，大家对色彩的看法，会有和以往不一样的认识，更深一步地理解色彩的概念了。1、色彩的基本属性和心理印象喜欢设计就不能不知道一点有关色彩方面的知识，了解了这些才能通过练习和体验让色彩在我们的手里运用自如，这里我们就来谈谈一些简单的色彩属性和色彩给人的一些心理感受。 （1）色彩的基本属性l 色相：色彩的相貌 色彩的外观特征其实就是色彩的色相。我们把色相接近的那些色（色相环中相距30度左右的色）称为同类色；色相差别较大的那些色 （色相环中相距90180度左右的色）称为对比色或互补色；色相差别适中的那些色（色相环中相距50度左右的色）称为类似色。l 纯度：色彩的艳丽程度在一个大红色里逐

40、步添加白色或者是黑色，这个大红色就会变的不象以前那么艳丽了，这是因为它的纯度下降了。根据色彩纯度的特征，自然界的色彩可以分为两大类，一类是有彩色，即红，黄，蓝等。另一类是无彩色，即黑，白，灰。 无彩色不带任何色彩倾向，纯度为0。在这个纯度色谱中，接近纯色的色叫高纯度色，接近灰色的色叫低纯度色，处于中间状态的叫中纯度色。 l 明度：色彩的明暗程度 不同的颜色之间存在着明度的不同，从色相环中我们可以看到黄色最亮，即明度最高；蓝色最暗，即明度最低。不同明度的色彩，给人的印象和感受是不同的。我们先看一个简单的明度色标：明度色标是我们认识和区别色彩明度的重要工具。一般情况下，人们把明度低于3度的颜色叫暗

41、色，明度高于7度的颜色叫明色，3度和7度之间的色叫中明色。色彩的色相，明度和纯度是色彩的基本属性，要比较准确的认识和区别色彩，必须以这三个为属性为依据！所有的颜色都可以通过明度色标找出自己的明度，也可以通过与不同明度的其他颜色混合来改变自己的明度。比如：蓝色里注入白色或黑色，就能提高和降低这个蓝色的明度，使色相相同的颜色具有不同的明度，根据这个原理，也可以使色相不同的颜色，具有相同的明度，这些对于色彩的理解和设计有很重要的意义！ 2、色彩给人的心理感受 明亮、鲜艳的色彩，会使人感到华丽，而灰暗、陈旧的色彩会使人感到质朴，这就是色彩的华丽感和质朴感。 这主要是由于色彩的纯度和色相决定的。通常，高

42、纯度色显得华丽，低纯度色显得质朴。如图：色彩的华丽程度和光泽也有关系，同一种色，有光泽感的就显得华丽，无光泽感的就显得质朴。3、色彩的冷暖感： 蓝色使人感到凉爽，红色使人感到温暖。如图 色彩的这种情感作用，可以称为色彩的冷暖感。色彩的冷暖感主要是由色彩的色相决定的。 给人“暖感”最强的颜色是橘红，在色立体的位置被定为暖极，蓝色为冷极。其他颜色的冷暖感则以他们到冷极和暖极的距离来判断，靠近冷极的叫冷色，靠近暖极的叫暖色，居中的是中性色，还有一种是无彩色。 4、色彩的份量感： 白色的云给人漂浮的感觉，而黑色的金属自然给人感觉沉重了。色彩的份量感主要是由它们的明度决定的，一般来说，高明度色使人感到轻

43、松，而低明色度使人感到沉重。 如图：家看看下边的图，有什么感觉吗？是不是黄色的矩形比黑色矩形大呀？大家再看看这副图，方块有大有小呀！答案：（1）第一个图里是两个大小相等的两个矩形。（2）第二个图里的所有的方块大小都相等。 为什么会有错觉呢？这是由于色彩的色相和明度决定的，一般情况下，暖色和高明度色会有靠前和胀大的作用，相反，冷色和低明色有后退和缩小的作用。 5、色彩搭配内涵网页的色彩搭配往往是网友们感到头疼的问题，尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢？让我们来看看网友54雨寒的高见吧！（1）红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也

44、容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。l 在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。l 在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。l 在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。l 在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。（2）黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。l 在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。l 在黄色中加入少

45、量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。l 在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。l 在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。（3）蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格

46、构成较明显的影响力。l 如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。l 在橙色中混入小量的白，可使橙色的知觉趋于焦躁、无力。（4）绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。l 在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。l 在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。l 在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。（5）紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。l 在紫色中红的成份

47、较多时，其知觉具有压抑感、威胁感。l 在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。l 在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。（6）白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。l 在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。l 在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。l 在白色中混入少量的蓝，给人感觉清冷、洁净。l 在白色中混入少量的橙，有一种干燥的气氛。l 在白色中混入少量的绿，给人一种稚嫩、柔和的感觉l 在白色中混入少量的紫，可诱导人

48、联想到淡淡的芳香九、色彩基础 著名的色彩学家，约翰内斯.伊顿（瑞士）说过：如果你能不止不觉的创作出色彩的杰作来，那么，你创作时就不需色彩知识。但是，如果你不能在没有色彩知识的情况下创作出色彩的杰作来，那么你就应当去寻求色彩知识。下面为大家介绍一下应用广泛的色轮：（这就是一个色轮） 能构成三角形、长方形、正方形等（如右图），称这几种色彩是和谐的。（详见色彩和谐与变化）色彩有三个基本的要素：色相：即色彩的相貌。它包括红黄蓝三原色和三原色相互吸收形成的其他色彩。色度：即色彩的纯度、浓度和饱和度。明度：即色彩本身的明暗度。如黄色明度最高。还有一个重要的概念：补色互相混合后变成白光的这两种色光称为互补色

49、。互补色在色轮上遥遥相对。 1、冷暖对比 将温度感觉和视觉领域的色彩感觉说成一会事，看来可能是奇怪的。但实验已经表明：在粉刷成蓝绿色的工作室里和粉刷成红橙色的工作室里，人们对冷热的主观感觉相差5-7度。回到色轮上，黄色是最亮的色相，紫色则是最暗的，也就是说，这两种色相具有最强烈的明暗对比。在黄紫色轴线的右角，可以看到红橙色对蓝绿色，这是冷暖对比的两个极端。红橙色或是朱红是最暖色，而蓝绿色或氧化锰是最冷色。一般说来，暖色是指黄、黄橙、橙、红橙、红和红紫；冷色是指黄绿、绿、蓝绿、蓝、蓝紫和紫色 。然而这种划分很容易将人引入歧途。白色和黑色两个极端代表最明和最暗，而所有灰色都是按照它们同更亮或是更暗

50、的色调对比才显得或亮或暗。与此相仿，蓝绿色和红橙色是冷色、暖色的两个极端，它们总是分别代表冷色和暖色。然而，色轮中介于它们之间的可能是冷色，也可能是暖色，这取决于它们是同更暖还是更冷色调相比较。冷暖特性还可用若干相应的术语表示：冷 暖阴影 日光透明 不透明镇静 刺激稀薄 浓厚流动 固定远 近轻 重湿 干上述种种印象表明了冷暖对比的多方面表现力，这种对比可以用来创造高度的画面效果。 2、补色对比 如果两种颜料混合后产生中性灰黑色，我们就称这两种色彩为互补色。从物理学上说，两种互补光混合在一起产生白光。两种这样的色彩组合成奇异的一对。它们既相互独立，又相互需要。当它们靠近时，能相互促成最大的鲜明性

51、；当它们调和时，就会象火同水那样相互消灭，变成一种灰黑色。一种特定的色彩总是只有一种补色。再我们的色轮中，补色通过直径遥遥相对。对每一种色相来说，光谱中所有其他色彩的总和就是这个色相的补色。互补色如果在比例上使用得当，就会产生一种静止的固定形象的效果。每种互补色都有它自己的独特性。例如：黄紫不仅呈现出补色对比，并且表现出极度的阴暗对比；红橙黄绿是一对互补色，同时也是冷、暖的极度对比；红色和绿色是互补色，这种饱和色彩有着相同的明度。3同时对比 同时对比产生于这样的事实：看到任何一种特定的色彩，眼睛都会同时要求它的补色，如果这种补色还没有出现，眼睛就会自动的将它产生出来。正是由于这个事实，色彩和谐

52、的基本原理才包含了互补色的规律。补色的同时产生，是作为一种感觉发生在观者的眼睛中的，并非是客观存在的事实。同时对比效果不仅发生在一种灰色和一种强烈的有彩色之间，并且也发生在任何两种并非准确的互补色彩之间。两种色彩分别倾向于使对方向自己的补色转变，因而通常着两种色彩都会失掉它们的某些内在特点，而变成具有新效果的色调。歌德说过：同时对比决定色彩的美学效用。当一种补色色相被十二种色相色轮中的左侧或右侧邻色所取代时，这种同时对比效果就发生在纯色度色彩之间。举例来说，由于紫色是在黄色的对面，我们就用红紫或蓝紫来代替，同时对比效果可以借助于面积对比而加强。4、色度对比 饱和或色质指的是色彩的纯度。色度对比

53、就是在纯度的强烈色彩同稀释的暗淡色彩之间的对比。由白色光通过棱镜产生的色相是最大的饱和色，或撑色相的最强度。色彩可以用四种不同的方法参淡：（1）一种纯度色彩可用白色参淡。这可以使其特性多少趋向冷调。 （2）一种色彩可以用黑色来掺合。黑色会剥夺色彩的光亮质感。他可以使色彩脱离光亮，并且早晚会使它们黯然无光。 （3）一种饱和色彩可以同白色和黑色，或者同灰色混合而参淡。把灰色同一种饱和色彩一混合，就会得到光亮相等的，或较明或较暗的色调；但是在任何情况下，这些色调都不如相应的纯度色那样强烈。参入灰色会使色彩或多或少地变得暗淡和中性化。 （4）纯度色调可以用相应的互补色而参淡。如果将黄色加到紫色上，就可

54、得到介于淡黄和深紫之间的色调。 当一种混合色包含有三种原色时，所得到的色相就具有一种无光泽的、掺淡了的特性。 5、面积对比 面积对比是指两个或更多色块的相对色域。这是一种多与少、大与小之间的对比。色彩可以组合在任何大小的色域中。但是，我们要研究在两种或两种以上的色彩之间应该有什么样的色量比例才算是平衡的，也就是不让一种色彩使用的更为突出。两种因素决定一种纯度色彩的力量，即它的明度和面积。歌德为这些明暗色调变化拟定了一个简单的数字比例：歌德的光亮度的数字比例如下：黄：        橙：  

55、60;     红：        紫：        蓝：        绿：        ：        ：   

56、;     ：        ：        在将这些光亮度转变成为和谐色域时，必需将光亮度的比例倒转。即，黄色比它的补色强三倍，因此它只应该占据相当于其补色紫色色域的三分之一。因而原色和间色的和谐色域如下：黄：        橙：      &#

57、160; 红：        紫：        蓝：        绿：        ：        ：      

58、0; ：        ：        和谐的色域产生静止而安然的效果。当采用了和谐比例之后，面积对比就会被中和。只有当所有色相呈现出它们最大的纯度时，这里所说的比例才是有效的。如果在一幅色彩构图中使用了与和谐比例不同的色域，从而使一种色彩占支配地位，那么取得的效果就会是富于表现性的。在黄绿色中的红色块。黄绿色的面积较大，但是由于红色不是黄绿色的确切补色，面积对比的效果就为同时对比的效果所增补。红色不仅得到加强，而且它的红性

59、也明显地变更了。面积对比的特性，它可以变更和加强任何其它的对比效果。6、色彩的和谐与变化 这里所说的色彩和谐，指的是根据能够作为构图基础的系统的色彩关系来发展主题的那种技巧。色彩的和谐可以由两种、三种或更多种的色调组成：（1） 两种色组：互补色构成一种和谐的色组。例如：取一种红色的淡色，那么相应的绿色就必须暗化到红色暗化的那种程度。（2）三种色组：它的几何图形是一个等腰三角形。如果等边三角形的一个顶点指向白色，那么其余两个顶点就会指向一对互补色相的第一种暗色。因而我们得到白色暗蓝色暗紫色这样一个三种色组。同样，如果指向黑色，我们就会得到黑色暗蓝色淡紫色。（3）  

60、四种色组：它的几何图形是长方形。（4）六种色组：它的几何图形是正六边形。构成六种色组的另一种方法是是白色和黑色同四种纯度色彩相连。 7、色彩印象理论 在白昼光中，用红光照射白色物体，产生绿色阴影。绿色光照射则产生白色阴影，而紫色光照射则产生黄色阴影。在白昼光下，每一种彩色光线都产生它的补色阴影。关于色彩阴影所做的进一步实验中，得出了以下惊人的结果：（1）在没有白昼光的情况下，用红光照射物体，产生黑色投影，蓝光和绿光照射下的物体投影也是黑色。（2）在没有白昼光的情况下，用两种彩色光线照射物体。用红光和绿光时，红光产生绿色投影，绿光产生红色投影，两个投影的交叉处产生黑色，而绿光和红光的混合则产生黄

61、色。用红橙色光和蓝绿色光时，红橙色光产生蓝绿色投影，蓝绿色光产生红橙色投影。两个投影的交叉处是黑色，这两种照射色光的混合色则是淡紫色。当照射光石绿色和蓝色时，绿色光线产生蓝色投影，蓝色光线产生绿色投影。两个投影的交叉处是黑色，混合色光是蓝绿色。（3）当使用三种照射色光红橙色、绿色和蓝绿色时。红橙色光产生蓝绿色投影，绿色光产生淡紫色投影，蓝绿色光产生黄色投影。三个投影的交叉处是黑色。三种彩色光线的混合产生白色背景。 8、形状与色彩 形状有其自身的“伦理美学”，有其表现价值。在一幅作品里，形状和色彩的这些表现特性是同时发生作用的，就是说，形状和色彩的表现力是相辅相成的。正如红、黄、蓝是三种基本色彩那样，三种基本的形状正方形、三角形和圆形可以确定为具有突出表现价值的形状。正方形的实质是同样长度的两条横向线和两条垂直线的交接，它象征物体、重力和严明的限度。埃及象形文字中表示“田地”的词就是一个长方形。在画长方形的直边和直角