« 上一篇下一篇 »

网页设计中色彩搭配的技巧

网页设计色彩搭配的技巧
第一,确定主体色。
网页设计初期,就要考虑确定网站的颜色了,通常会按照网站类别进行颜色取向,页面上除了白色背景,都要大量使用某种颜色,就是所谓的网页主体颜色。举例来说,农业类网站会选择绿色,艺术类网站选择色彩张扬的颜色,工商类网站选红色。不同颜色带来的感觉是不同的,能够给浏览者感受到设计者情绪,各种色彩,其饱和度或透明度略微改变,都会让人心境产生变化。
红色:让人思想活跃、振奋,充满热情。
绿色:介于冷色与暖色的中间,让人感觉和谐、健康、宁静、环保。
金黄、经常与白色搭配,让人感觉舒适、优雅。
橙色:能够产生轻松、温馨、时尚的氛围。
蓝色:展现专业主题,让人感觉清爽、清新,淡蓝色结合白色还可营造浪漫、温馨的感觉。
白色:通配色,让人产生明净、清新的感觉。
黑色:让人产生压抑、悲伤的感觉,同时使人感觉神秘、深沉。
灰色:高雅、温和的氛围,让心情受压抑,有颓废感。

第二,选择相近色
对网页配色时,控制在三种色彩以内就可以了,先选择主体色,再配以相近的配色,如黄色配以淡黄色,深粉配以淡粉色,这样网页色彩就可以做到和谐统一。
网页头部:建议采用主体色的反色,通常用深色,方便浏览者第一时间能看到的位置。
正文:要求对比度高一些,比如白底配深灰色字,黑底配淡灰色字。
导航栏:可以用深色的背景色和背景图像,配反差强的文字颜色,让导航清晰、准确引导浏览者。
侧栏:建议选择左侧或右侧,通常在二级页面选择左侧栏,三级页面选择右侧栏,能够起到引导读者网站信息浏览的作用,让其正文部分的颜色有所区分。
尾部:建议考虑与侧栏使用同色,或与头部相呼应的颜色,必须注意是否存在网页整体看起来头重脚轻的问题。

第三, 使用跳跃色
进行网页配色时,有一些是用来引导浏览者视线的颜色,建议使用跳跃色,比如一些细线,按钮等,可以让网页增加灵活性,减少浏览者的审美疲劳。

第四,使用黑白色
不管网站主体色调是哪种,黑白两颜色都通常不用到,用白色是适当调整空白区域,能够使页面布局更加优化。黑白两色展现两个极端亮度,两者搭配能表现很深的艺术感,在现代派站点当中通常运用这两种颜色的搭配。

« 上一篇下一篇 »