论文导读:网页配色是制作一个成功网站的必要前提。可以参考以下几个配色技巧。配色原则,网页配色技巧。
关键词:网页配色,配色原则,配色技巧,网页要素
当我们打开一个网页浏览时,这个网页给我们的第一印象的好坏不取决于它的内容是否丰富,也不取决于它的布局是否合理,而是取决于它带给我们的视觉感受——网页的色彩是否明艳。因此对网页设计者而言,网页配色是制作一个成功网站的必要前提。本文将介绍网页配色的一些基础知识和技巧,希望能给网页设计者提供一定的帮助。
1 网页配色原则
在选择网页色彩时,可以参考以下原则。
1.1鲜明性
如果一个网站的色彩鲜明,就很容易引人注意,会给访问者耳目一新的感觉。所以网页在选色时,可以采用鲜明亮丽的色彩。
1.2独特性
要有与众不同的色彩,或是点睛之笔,网页的用色必须要有自己独特的风格,这样才能给访问者留下深刻的印象。
1.3协调性
网页的色彩和想表达的内容气氛要相互协调。例如,用蓝色可以体现科技型网站的专业,用粉红色可以体现女性站点的柔和性等。
1.4联想性
不同的色彩会让人产生不同的联想,如蓝色让人想到天空,黑色让人想到黑夜,红色让人想到喜庆,绿色让人感觉平静,充满希望。因此选择色彩也要和网页的内涵相关联。如设计婚庆网站可以选择红色,医疗网站可以选择绿色。
1.5艺术性
网页设计也是一种艺术活动,因此必须遵循艺术规律。按照内容决定形式的原则,在考虑网站本身特点的同时,大胆进行艺术创新,设计出既符合整体风格,又具有一定艺术特色的作品。
2 网页配色技巧
网页配色不能只采用单一的某种颜色,这样会让人感觉单调、乏味。也不能将所有的颜色都运用到页面中,这样又会显得花哨、轻浮。论文发表,配色原则。因此,在网页配色中可以先确定一个或两个主题色,同时整个页面尽量不要超过4种颜色,并且要考虑主色与其他颜色的搭配和主次关系,以及在配色中选择突出明度、亮度还是色相。在具体设计中,可以参考以下几个配色技巧。
2.1黑白灰万能色搭配其他色彩
黑白灰可以说是一种万能色彩,可以和任何一种色彩搭配,而不会让人感觉突兀,在其他颜色中适当加入黑色、白色或者灰色,会收到意想不到的效果。另外,在明度较高的页面,搭配上黑色,则可以平衡其明度;在页面中留出一块白色,也可以给人艺术的遐想空间,适当的留白对协调页面的均衡也将起到相当大的作用。
2.2同一色彩搭配
同一色彩搭配是指首先选定一种色彩,然后调整其透明度和饱和度,将色彩变淡或加深,而产生新的色彩,这样的页面看起来色彩统一,具有层次感。
2.3邻近色彩搭配
邻近色是指在色环上相邻的颜色,如绿色和蓝色、红色和黄色即互为邻近色。采用邻近色搭配可以使网页避免色彩杂乱,易于达到页面和谐统一的效果。
2.4对比色色彩搭配
在色环中每一个颜色对面(180度对角)的颜色,称为对比色。将两个对比色放在一起,能产生强烈的视觉效果。合理地使用对比色,能够使网站特色鲜明、重点突出。在设计时,通常以一种颜色为主色调,其对比色作为点缀,以起到画龙点睛的作用。
2.5暖色色彩搭配
暖色色彩搭配是指使用红色、橙色、黄色、集合色等色彩的搭配。这种色调的运用可为网页营造出稳性、和谐和热情的氛围。
2.6冷色色彩搭配
冷色色彩搭配是指使用绿色、蓝色及紫色等色彩的搭配,这种色彩搭配可为网页营造出宁静、清凉和高雅的氛围。冷色点色彩与白色搭配一般会获得较好的视觉效果。
2.7有主色的混合色彩搭配
有主色的混合色彩搭配是指以一种颜色作为主要颜色,同色辅以其他色彩混合搭配,形成缤纷而不杂乱的搭配效果。
3 网页关键要素配色技巧
在网页设计中,网页导航、小标题、网页LOGO(标志)与BANNER(横幅广告)、网页背景和文字以及链接的颜色是网页的几个关键要素,如何协调它们之间的颜色,也是网页设计时需要认真对待的一个问题。
3.1 网页LOGO(标志)与BANNER
网页LOGO和BANNER是网站的重要标识,要让访问者留下深刻印象,就需要让这部分脱颖而出。在色彩选择上,可以尽量让这一部分显得鲜亮,即让其色彩跟网页的主题色分离开来,也可以采用采用对比色搭配原则,让其采用与主题色相反的颜色,加强突出。
3.2 网页背景与文字
网页背景与文字的色彩要对比突出。底色深,文字的颜色就应浅,以深色的背景衬托浅色的内容(文字或图片);反之,文字的颜色就应采用深色,以浅色的背景烘托深色的内容(文字或图片)。例如浅绿色背景配以黑色文字,红色底配以白色文字,都将使得网页背景和文字对比强烈,从而让访问者对网页留下深刻的印象。论文发表,配色原则。论文发表,配色原则。
3.3 链接
一个网站的所有页面都是靠相互之间的链接而形成一个整体,因此如何快速地让访问者在页面中找到文字和图片的链接,就需要合理地设置链接的颜色。论文发表,配色原则。论文发表,配色原则。在网页设计中,链接的颜色需要让人感到与众不同,这可以选择与其他静态型叙述文字不同的颜色即可。论文发表,配色原则。
合理、恰当地运用网页配色技巧来完成网页的色彩搭配,将大大增加网页的可读性和艺术性,从而使您的作品能够吸引更多浏览者的眼球,带来更高的网页点击率。
参考文献:
[1]高子永.网页经典配色与设计手册.中国青年出版社,2006
[2]胡崧,于慧.新锐网页配色设计与案例分析.中国青年出版社,2007
[3]张少卓.网页配色.科学出版社,2008
[4]旭日东升.网页设计与配色经典案例解析.电子工业出版社,2009
|