本篇论文目录导航：
【题目】如何有效提高网页设计的艺术美探究
【引言 第二章】从认知心理学的角度设计网页
【3.1】网页设计版面布局
【3.2】网页简短标题与提示语(label)
【3.3】网页图形图像的插入技巧
【3.4】认知心理学在网页菜单设计中的应用
【第四章】色彩设计理念在网页中的应用
【结语/参考文献】网页构建中认知心理学与色彩设计应用研究结语与参考文献
四、色彩设计理念的应用
色彩在网页设计中也占有非常重要的地位。它是调适阅览者视觉心理、引起人们注意的主要手段。由于网页设计是通过计算机来实现的，就要考虑计算机色彩系统的功能。计算机色彩系统中提供的三原色为红、绿、蓝。通过这三种色光的混合，创造出了千变万化的富有情趣、而又能引起视觉兴奋的色彩来，以达到网页吸引注意、 传达信息、 赢得客户的目的。色彩的表现一般是通过色彩对比和色彩调和来实现的。
4.1 色彩的对比与调和。
当两个以上的色彩放在一起，比较出清楚可见的差别时就形成了色彩的对比。由于色彩对比形成较大的反差，对眼睛有很强的冲击力， 成为浏览者的注视焦点，容易产生较深的印象，在网页设计中经常使用。调和与对比一样，都是构成色彩美感的要素。调和是对比的反面，它与对比相辅相成。调和感觉是视觉生理最能适应的感觉，是色彩布局的完善，是色彩与作品内容的统一。调和就是一种色彩美的形态。一般来说，眼睛最能适应的是中等明度的全色光，因此，在网页设计中要在引起阅读者注意的基础上，避免视觉的疲劳，尽量采用中等明度的色彩。用色彩表现形象时，要求形象色的基调与人对形象的色彩印象相符。在网页设计中，要求色彩的注目性与色彩对比的效果能在构图中保持平衡，因为构图为了表现较丰富的内容，不能不注意条理性。色彩的生理平衡和心理平衡常常是无法分开的，唯有色彩与表现的内容与情感统一才能最充分展示色彩的动人心弦的力量。
4.2 色彩与心理。
色彩是视觉传达的一个重要因素，它能有力地表达感情，在不知不觉中左右人们的情绪、精神及行动。色彩最重要的功能就是色彩能够影响人的心理活动，它在作用于人的整个过程中，包含着两种心理效应。
（1） 单纯性心理效应。
色光刺激人的眼睛，会激发人们的感应，而这种现象常常会随着物理性感应的消失而消失。色彩的直接性刺激反映在生理上的同时，就会导致相应的心理性的震动。这说明色彩会对作为物理性有机体存在的整个人体发生影响。从心理学的试验中，已经表明了被色彩诱导的情感，会因色彩的种类不同而异。
（2） 间接性心理效应。
色彩的单纯性心理效应以各种各样的刺激因素直接作用于我们的"心灵" .但人的"心灵"是复杂的，同样的刺激，心灵感应薄弱时，只会产生表面性印象，甚至随着刺激的消失，色彩心理效应也随之消失。但一旦这种单纯心理效应能激起心灵更强烈、深层的感受时，便会产生第二种效应，即所谓间接心理效应。由此可见，第二种效应是由第一种效应派生出来的更为复杂的心理效应。色彩间接心理效应，往往是由联想引起的，在心理学上称联想为暂时联系的复活。色彩联想可分为具体联想和抽象联想两大类。人们看到色彩联想到具体的事物称为具体联想；人们看到色彩直接联想到某种抽象的概念，称为抽象联想。
4.3 色彩的感觉。
可以说色彩的感觉是色彩的心理的深化，是人们对色彩的心理反映。这种反映包括。冷暖感、轻重感、进退感、胀缩感、软硬感、华丽感和质朴感。红、黄、橙等色使人们感到温暖，而蓝色、紫色使人感到寒冷。这种感觉只是相对的，不是绝对的。网页的图片应该根据公司的理念与工作方式注意与浏览者保持合适的距离，创造适当的气氛。
色彩的轻重感主要取决于明度。明度高的感到轻，明度低的感到重。在同等明度下，冷色一般比暖色感觉轻。注意到网页中色彩的轻重感，就可以设计出更能为观众所接受的图形，有效地传达信息。
不同的色彩会引起人们在距离感觉上的差异。 一般来说，在色彩对比中，强色感到" 近" ,弱色感到" 退" ;" 暖色"感到" 近" ,而" 冷色"感到" 远" .但在不同的底色中，色彩有不同的" 进退" 感，也就是说，色彩的" 进退"感与背景的关系十分密切。比如。 深底色上，明度高的色彩或暖色系感觉近；浅底色上，明度低的色彩感觉近；灰底色上，强度高的色彩感觉近。此外，与色彩进退有关的是色的凹凸感与厚薄感。一般明度高的暖色有凸出的感觉，明度低的冷色有凹进的感觉。而深暗的色彩感到厚实，浅淡的色彩显得轻浮。
色彩的胀缩感，是指色彩在对比过程中，某些色彩的轮廓，给人以胀大或缩小的感觉。这种现象的产生，主要是由于人在观察形体的色彩时，有一种生理上的光渗错觉。色彩的胀缩感的关系是。 在色彩的对比关系中，暖色、明度高的亮色容易感到膨胀，而冷色、明度低的暗色，则有收缩的感觉。一般来说，在活泼的网页中多采用膨胀的色彩设计， 给人丰满的感性冲击；在严谨的网页中则多采用收缩的色彩设计，追求一种理性的表达。
色彩与软硬感有着密切的关系，而软硬感取决于色彩的明度与纯度，单色明亮的色彩感觉软，深暗的色彩感觉硬。高纯度和低纯度的色彩感觉硬，而中等纯度的色彩感觉比较软。双色配置时，两色不具有明显的明度或纯度对比，则感到柔软。两色在明度或纯度上的对比较强烈，则感到坚硬。
一般来说，鲜艳而明亮的色彩给人的感觉是华丽的，深暗的灰性色则显得质朴。红、紫红、绿依次顺序产生华丽感。相对于黄绿、黄、橙、青、紫的顺序呈质朴感，其它是中性。即使，是呈质朴感的色相，只要是高纯度的纯色，也会给人以华丽的感觉，例如用紫色作为网页的背景。
每一种颜色都代表着不同的含义。例如，红色的颜色代表温暖，饥饿和刺激；冷色如绿色和蓝色的颜色表示平静和满意感；黑色可使物体变得感觉较重，而浅色可使物体变得更轻一点。当黑色意味处于麻烦状态时，黄色则可能反映烦恼的对立状态。当然，并不是对所有的人来说颜色都意味相同和固定的含义，每一个人都有自己的理解和认识。黄色可能有时意味廉价，绿色可能意味金钱和贪欲，黑色则可能意味高雅或死亡。颜色的合理使用已经成为一门科学，它已成为企业进行有效市场营销的有力武器。企业必须十分小心选择适合自己的颜色组合，颜色将是区分自己产品与他人不同的重要标识之一。例如。可口可乐的主色调是红色，汰渍洗衣粉的颜色是橙色，富士胶卷的主色调是绿色，柯达胶卷的主色调为黄色。颜色和企业的商标等标识一样重要，若形状代表一个象征，那么颜色也是如此。选择颜色就得认真仔细地考虑，就如同设计一个产品一样。
在商店中，颜色的识别就如同口味。商标和产品的识别一样，绿色在清洁中有松树的气味，在刷牙时绿色则有薄荷味；蓝色通常带有较强的薄荷味，如冰一样凉爽；而在草霉、樱桃和苹果中的红色对人们非常有吸引力。但你不会选择灰色为洗衣粉的颜色，因为颜色粉的颜为灰色意味着衣服洗不干净。蓝色的西餐碟常常引不起食欲来，它会强烈地影响食客的心情。用红色可表示一种欢快的气氛，灰色和褐色则象征忧郁，常常表示压抑。但深色可表示一种稳定和力量，如法国红、灰色、浅褐色、蓝色等色调可用来表示一种可靠的感觉。这些颜色的合理搭配将使你的顾客有一种可靠和信任的感觉，不能忽略颜色对网页的影响。
4.4 网页色彩的搭配。
根据上面的讨论，我们知道网页的色彩是树立网站形象的关键之一，而色彩搭配成了设计者们感到头疼的问题。网页的背景、文字、图标、边框、超链接等，应该采用什么样的色彩、搭配什么色彩才能最好地表达出预想的内涵呢？ 颜色是光的特定频率的散射，红、黄、蓝是三原色，其它的色彩都可以用这三种色彩调和而成，网页 html 语言中的色彩表达就是用这三种颜色的数值表示。例如。
红色是 color （255,0,0），十六进制的表示方法为（ FF0000），白色为（ FFFFFF），我们经常看到的"bgColor = # FFFFFF"就是指背景色为白色。颜色分非彩色和彩色两类，非彩色是指黑、白、灰系统色； 彩色是指除了非彩色以外的所有色彩，任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。
网页制作是用彩色还是非彩色好？ 对此没有定论，只要构思独特、新颖，色彩搭配统一、和谐，无论是彩色或是非彩色都可以成为上乘之作。我们通常的做法是。主要内容用非彩色（黑色或白色），边框、背景、图片用彩色。这样页面整体不会显得单调，主要内容看起来也不会使人眼花。
4.4.1 非彩色的搭配。
黑白是最基本和最简单的搭配。白字黑底，黑底白字都非常清晰。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果实在找不出合适的色彩，可以用灰色试试，效果不会太差。
4.4.2 彩色的搭配。
色彩千变万化，彩色的搭配是我们研究的重点。我们首先介绍一下色环。我们将色彩按红-> 黄-> 绿-> 蓝-> 红依次过渡渐变，就可以得到一个色彩环。色彩环的两端是暖色和寒色，中间是中型色，红、橙、橙黄、黄、黄绿、绿、青绿、蓝绿、蓝、蓝紫、紫、紫红、红，即暖色系、中性系、寒色系、中性系。
另外，彩色的搭配还要注意色彩带给人的心理感觉。
4.4.3 网页色彩搭配的原理。
（1）色彩的鲜明性。网页的色彩要鲜艳、容易引人注目。
（2）色彩的独特性。要有与众不同的色彩，使得大家对你的网站印象深刻。
（3）色彩的合适性。是指色彩和所表达的内容、气氛相融合。如用粉色体现女性站点的柔性，适用化妆类及女性用品。
（4）色彩的联想性。不同色彩会使人产生不同的联想，蓝色使人想到天空，黑色使人想到黑夜，红色使人想到喜庆等。色彩选择要和网页的内涵相关联。
4.4.4 网页色彩掌握的过程。
随着网页制作经验的积累，用色有这样一个趋势。 单色-> 五彩缤纷-> 标准色-> 单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片、最满意色彩堆砌在页面上。
但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返璞归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。
4.4.5 网页色彩搭配的技巧在网页的设计中，到底用什么色彩搭配最好呢？ 下面推荐几种配色方案并提供一些色彩搭配的技巧。
（1）用一种色彩。这是指先选定一种色彩，然后调整透明度或者饱和度，就是将色彩变淡或则加深，产生新的色彩。这样的页面看起来色彩统一、有层次感。
（2）用两种色彩。先选定一种色彩，然后选择它的对比色（在photoshop 里按 ctrl + shift + I）。用蓝色和黄色可使整个页面色彩丰富但不花哨。
（3）用一个色系。简单地说，就是用一个感觉的色彩，如淡蓝、淡黄、淡绿；或者土黄、土灰、土蓝。确定色彩的方法因人而异。
在 photoshop 里按前景色方框，在弹出的拾色器窗口中选择"自定义" ,然后在"色库"中选择就可以了。
（4）用黑色和一种彩色。
4.4.6 网页配色注意事项。
（1）不要将所有颜色都用尽，应尽量控制在三种色彩以内；（2）背景和前文的对比尽量要大（绝对不要用花纹繁复的图案作背景），以便突出主要文字内容。一般来说，一个网站的标准色彩不应超过 3 种，太多则让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉，其它色彩也可以使用，只是应作为点缀和衬托，绝不能喧宾夺主。
一般来说，适合于同页标准色的颜色有。蓝色、黄、橙色和黑、灰、白色三大系列色。
（3）在色彩的运用过程中，还应注意的一个问题是。由于国家、种族、宗教和信仰的不同，以及生活在地理位置，文化修养和差异等，不同的人群对色彩的喜恶程度有着很大的差异。如。儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在"沙漠"中的人喜欢绿色。在设计中要考虑主要顾客群的背景和构成。
