色彩设计理念在网页中的应用,网页设计论文.docx

《色彩设计理念在网页中的应用,网页设计论文.docx》由会员分享，可在线阅读，更多相关《色彩设计理念在网页中的应用,网页设计论文.docx（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、色彩设计理念在网页中的应用,网页设计论文【题目】【引言 第二章】【3.1】【3.2】【3.3】【3.4】【第四章】色彩设计理念在网页中的应用【结束语/以下为参考文献】四、色彩设计理念的应用色彩在网页设计中也占有非常重要的地位。它是调适阅览者视觉心理、引起人们注意的主要手段。由于网页设计是通过计算机来实现的，就要考虑计算机色彩系统的功能。计算机色彩系统中提供的三原色为红、绿、蓝。通过这三种色光的混合，创造出了千变万化的富有情趣、而又能引起视觉兴奋的色彩来，以到达网页吸引注意、 传达信息、 博得客户的目的。色彩的表现一般是通过色彩比照和色彩调和来实现的。4.1 色彩的比照与调和。当两个以上的色彩放

2、在一起，比拟出清楚可见的差异不同时就构成了色彩的比照。由于色彩比照构成较大的反差，对眼睛有很强的冲击力， 成为阅读者的凝视焦点，容易产生较深的印象，在网页设计中经常使用。调和与比照一样，都是构成色彩美感的要素。调和是比照的反面，它与比照相辅相成。调和感觉是视觉生理最能适应的感觉，是色彩布局的完善，是色彩与作品内容的统一。调和就是一种色彩美的形态。一般来讲，眼睛最能适应的是中等明度的全色光，因而，在网页设计中要在引起阅读者注意的基础上，避免视觉的疲惫，尽量采用中等明度的色彩。用色彩表现形象时，要求形象色的基调与人对形象的色彩印象相符。在网页设计中，要求色彩的瞩目性与色彩比照的效果能在构图中保持平

3、衡，由于构图为了表现较丰富的内容，不能不注意条理性。色彩的生理平衡和心理平衡经常是无法分开的，唯有色彩与表现的内容与情感统一才能最充分展示色彩的动人心弦的气力。4.2 色彩与心理。色彩是视觉传达的一个重要因素，它能有力地表示出感情，在不知不觉中左右人们的情绪、精神及行动。色彩最重要的功能就是色彩能够影响人的心理活动，它在作用于人的整个经过中，包含着两种心理效应。1 单纯性心理效应。色光刺激人的眼睛，会激发人们的感应，而这种现象经常会随着物理性感应的消失而消失。色彩的直接性刺激反映在生理上的同时，就会导致相应的心理性的震动。这讲明色彩会对作为物理性有机体存在的整个人体发生影响。从心理学的试验中，

4、已经表示清楚了被色彩诱导的情感，会因色彩的种类不同而异。2 间接性心理效应。色彩的单纯性心理效应以各种各样的刺激因素直接作用于我们的 心灵 .但人的 心灵 是复杂的，同样的刺激，心灵感应薄弱时，只会产生外表性印象，甚至随着刺激的消失，色彩心理效应也随之消失。但一旦这种单纯心理效应能激起心灵更强烈、深层的感受时，便会产生第二种效应，即所谓间接心理效应。由此可见，第二种效应是由第一种效应派生出来的更为复杂的心理效应。色彩间接心理效应，往往是由联想引起的，在心理学上称联想为暂时联络的复活。色彩联想可分为详细联想和抽象联想两大类。人们看到色彩联想到详细的事物称为详细联想；人们看到色彩直接联想到某种抽象

5、的概念，称为抽象联想。4.3 色彩的感觉。能够讲色彩的感觉是色彩的心理的深化，是人们对色彩的心理反映。这种反映包括。冷暖感、轻重感、进退感、胀缩感、软硬感、华美感和质朴感。红、黄、橙等色使人们感到暖和，而蓝色、紫色使人感到严寒。这种感觉只是相对的，不是绝对的。网页的图片应该根据公司的理念与工作方式注意与阅读者保持适宜的距离，创造适当的气氛。色彩的轻重感主要取决于明度。明度高的感到轻，明度低的感到重。在同等明度下，冷色一般比暖色感觉轻。注意到网页中色彩的轻重感，就能够设计出更能为观众所接受的图形，有效地传达信息。不同的色彩会引起人们在距离感觉上的差异。 一般来讲，在色彩比照中，强色感到 近 ,弱

6、色感到 退 暖色 感到 近 ,而 冷色 感到 远 .但在不同的底色中，色彩有不同的 进退 感，也就是讲，色彩的 进退 感与背景的关系特别密切。比方。 深底色上，明度高的色彩或暖色系感觉近；浅底色上，明度低的色彩感觉近；灰底色上，强度高的色彩感觉近。除此之外，与色彩进退有关的是色的凹凸感与厚薄感。一般明度高的暖色有凸出的感觉，明度低的冷色有凹进的感觉。而深暗的色彩感到厚实，浅淡的色彩显得轻浮。色彩的胀缩感，是指色彩在比照经过中，某些色彩的轮廓，给人以胀大或缩小的感觉。这种现象的产生，主要是由于人在观察形体的色彩时，有一种生理上的光渗错觉。色彩的胀缩感的关系是。 在色彩的比照关系中，暖色、明度高的

7、亮色容易感到膨胀，而冷色、明度低的暗色，则有收缩的感觉。一般来讲，在活泼的网页中多采用膨胀的色彩设计， 给人饱满的感性冲击；在严谨的网页中则多采用收缩的色彩设计，追求一种理性的表示出。色彩与软硬感有着密切的关系，而软硬感取决于色彩的明度与纯度，单色亮堂的色彩感觉软，深暗的色彩感觉硬。高纯度和低纯度的色彩感觉硬，而中等纯度的色彩感觉比拟软。双色配置时，两色不具有明显的明度或纯度比照，则感到柔软。两色在明度或纯度上的比照较强烈，则感到坚硬。一般来讲，鲜艳而亮堂的色彩给人的感觉是华美的，深暗的灰性色则显得质朴。红、紫红、绿依次顺序产生华美感。相对于黄绿、黄、橙、青、紫的顺序呈质朴感，其它是中性。即便

8、，是呈质朴感的色相，只要是高纯度的纯色，也会给人以华美的感觉，例如用紫色作为网页的背景。每一种颜色都代表着不同的含义。例如，红色的颜色代表暖和，饥饿和刺激；冷色如绿色和蓝色的颜色表示安静和满意感；黑色可使物体变得感觉较重，而淡色可使物体变得更轻一点。当黑色意味处于费事状态时，黄色则可能反映烦恼的对立状态。当然，并不是对所有的人来讲颜色都意味一样和固定的含义，每一个人都有自个的理解和认识。黄色可能有时意味便宜，绿色可能意味金钱和贪欲，黑色则可能意味高雅或死亡。颜色的合理使用已经成为一门科学，它已成为企业进行有效市场营销的有力武器。企业必须特别小心选择合适自个的颜色组合，颜色将是区分自个产品与别人

9、不同的重要标识之一。例如。可口可乐的主色调是红色，汰渍洗衣粉的颜色是橙色，富士胶卷的主色调是绿色，柯达胶卷的主色调为黄色。颜色和企业的商标等标识一样重要，若形状代表一个象征，那么颜色也是如此。选择颜色就得认真仔细地考虑，就好像设计一个产品一样。在商店中，颜色的辨别就好像口味。商标和产品的辨别一样，绿色在清洁中有松树的气味，在刷牙时绿色则有薄荷味；蓝色通常带有较强的薄荷味，如冰一样凉快清爽；而在草霉、樱桃和苹果中的红色对人们非常有吸引力。但你不会选择灰色为洗衣粉的颜色，由于颜色粉的颜为灰色意味着衣服洗不干净。蓝色的西餐碟经常引不起食欲来，它会强烈地影响食客的心情。用红色可表示一种愉快的气氛，灰色

10、和褐色则象征忧郁，经常表示压抑。但深色可表示一种稳定和气力，如法国红、灰色、浅褐色、蓝色等色调可用来表示一种可靠的感觉。这些颜色的合理搭配将使你的顾客有一种可靠和信任的感觉，不能忽略颜色对网页的影响。4.4 网页色彩的搭配。根据上面的讨论，我们知道网页的色彩是树立网站形象的关键之一，而色彩搭配成了设计者们感到头疼的问题。网页的背景、文字、图标、边框、超链接等，应该采用什么样的色彩、搭配什么色彩才能最好地表示出出预测料想的内涵呢？ 颜色是光的特定频率的散射，红、黄、蓝是三原色，其它的色彩都能够用这三种色彩调和而成，网页 语言中的色彩表示出就是用这三种颜色的数值表示。例如。红色是 color 25

11、5,0,0，十六进制的表示方式方法为 FF0000，白色为 FFFFFF，我们经常看到的 bgColor = # FFFFFF 就是指背景色为白色。颜色分非彩色和彩色两类，非彩色是指黑、白、灰系统色； 彩色是指除了非彩色以外的所有色彩，任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以致少能够制作几百万种色彩。网页制作是用彩色还是非彩色好？ 对此没有定论，只要构思独特、新颖，色彩搭配统一、和谐，无论是彩色或是非彩色都能够成为上乘之作。我们通常的做法是。主要内容用非彩色黑色或白色，边框、背景、图片用彩色。这样页面整体不会显得单调，主要内容看起来也不会使人眼花。4.4.1 非彩色的搭

12、配。黑白是最基本和最简单的搭配。白字黑底，黑底白字都非常清楚明晰。灰色是万能色，能够和任何彩色搭配，可以以帮助两种对立的色彩和谐过渡。假如实在找不出适宜的色彩，能够用灰色试试，效果不会太差。4.4.2 彩色的搭配。色彩千变万化，彩色的搭配是我们研究的重点。我们首先介绍一下色环。我们将色彩按红- 黄- 绿- 蓝- 红依次过渡渐变，就能够得到一个色彩环。色彩环的两端是暖色和寒色，中间是中型色，红、橙、橙黄、黄、黄绿、绿、青绿、蓝绿、蓝、蓝紫、紫、紫红、红，即暖色系、中性系、寒色系、中性系。另外，彩色的搭配还要注意色彩带给人的心理感觉。4.4.3 网页色彩搭配的原理。1色彩的鲜明性。网页的色彩要鲜艳

13、、容易引人瞩目。2色彩的独特性。要有与众不同的色彩，使得大家对你的网站印象深入。3色彩的适宜性。是指色彩和所表示出的内容、气氛相融合。如用粉色具体表现出女性站点的柔性，适用化装类及女性用品。4色彩的联想性。不同色彩会使人产生不同的联想，蓝色使人想到天空，黑色使人想到黑夜，红色使人想到喜庆等。色彩选择要和网页的内涵相关联。4.4.4 网页色彩把握的经过。随着网页制作经历体验的积累，用色有这样一个趋势。 单色- 五彩缤纷- 标准色- 单色。一开场由于技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自个收集的最好的图片、最满意色彩堆砌在页面上。但是时间

14、一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自个的网站，选择好切合自个的色彩，推出的站点往往比拟成功；当最后设计理念和技术到达顶峰时，则又返璞归真，用单一色彩甚至非彩色就能够设计出简洁精致华美的站点。4.4.5 网页色彩搭配的技巧在网页的设计中，到底用什么色彩搭配最好呢？ 下面推荐几种配色方案并提供一些色彩搭配的技巧。1用一种色彩。这是指先选定一种色彩，然后调整透明度或者饱和度，就是将色彩变淡或则加深，产生新的色彩。这样的页面看起来色彩统一、有层次感。2用两种色彩。先选定一种色彩，然后选择它的比照色在photoshop 里按 ctrl + shift + I。用蓝色和黄色可使整个页面色

15、彩丰富但不花哨。3用一个色系。简单地讲，就是用一个感觉的色彩，如淡蓝、淡黄、淡绿；或者土黄、土灰、土蓝。确定色彩的方式方法因人而异。在 photoshop 里按前景色方框，在弹出的拾色器窗口中选择 自定义 ,然后在 色库 中选择就能够了。4用黑色和一种彩色。4.4.6 网页配色注意事项。1不要将所有颜色都用尽，应尽量控制在三种色彩以内；2背景和前文的比照尽量要大绝对不要用花纹繁复的图案作背景，以便突出主要文字内容。一般来讲，一个网站的标准色彩不应超过 3 种，过多则让人眼花缭乱。标准色彩要用于网站的标志、标题、主菜单和主色块，给人以整体统一的感觉，其它色彩可以以使用，只是应作为点缀和衬托，绝不能喧宾夺主。一般来讲，合适于同页标准色的颜色有。蓝色、黄、橙色和黑、灰、白色三大系列色。3在色彩的运用经过中，还应注意的一个问题是。由于国家、种族、宗教和信仰的不同，以及生活在地理位置，文化修养和差异等，不同的人群对色彩的喜恶程度有着很大的差异。如。儿童喜欢比照强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在 沙漠 中的人喜欢绿色。在设计中要考虑主要顾客群的背景和构成。