网站制作中重要的配色常识

zxh5566  2017-03-06 19:43   Hits: 

体现节奏和韵律的色彩
 
色彩能创造出看到的音乐,渐变和反复的色彩调和能够让人们感受到节奏和韵律,近几年,许多网站用到了渐变色彩,这些色彩营造出某些特殊的情感和气氛,是不容忽视的
解释两个色彩概念,渐变和反复
渐变式指示色彩等差推移,达到渐变协调的配色效果,包括色相渐变,明度渐变,纯度渐变和色调渐变等基础渐变方式,人们还可以将这些基础渐变方式进行复合而生出各种不同的渐变效果类
 
反复是以两种或两种以上色彩组合成的色彩单位,进行有规律的循环反复,可得到循环韵律的调和效果,尤其当配色难以融合时候,通过单方向或多方向的不断反复可以提高融合性。
 
天下星是台湾作家然星群的个人网页,是笔者的一个网站作品,这位作家的作品大胆,神秘,动感,唯美,从女性角度深入感受生活,这些都是创作这个个人主页时候最主要的概念切入点,这个网站用了鲜亮的色彩渐变,同时选择了神秘的黑色压住过强的色彩,还使用白色色条加强对比关系,这一切形成了如其作品一般给人的视觉,触觉和心理感受。背景使用渐变色彩,可以制作出高雅的气氛和带有光泽的色彩质感效果,采用了圆心向外渐变的灯光效果,这在网站上就比较少见了,仅仅是一个简单的渐变色彩,就使画面有了空间感,增加了很多变化,这是一个比较少见的渐变色彩为主的网站,圆心渐变,简洁的导航和独立的框架给浏览者带来一种典雅,怀柔,小巧的感受,朴素的,从色相方面看,暖色给人的感觉是华丽,而冷色给人的感觉是朴素,从明度来讲,明度高的色彩给人的感觉是华丽的,而明度低的给人的感觉是朴素的,从纯度来讲,纯度高的色彩给人的感觉是华丽的,而纯度低的色彩给人的感觉是朴素的,从质感上来看,质地细密而有光泽的给人以华丽的感觉,而质地疏松,无光泽的给人以朴素的感觉。怀古的,一个作品展示的网站,其作品前卫,现代,色彩艳丽,网站设计所使用的颜色营造出经典,怀古的感觉,并与作品色彩呼应,为形式单调的网页设计增加了无限变化,温雅的,网站采用色调十分柔和,红绿搭配也显示不出激烈的对比,色彩给人一种起伏运动的动感,网站透露出一种温雅的气氛,很有亲和力。
 
网站中的静态色彩和动态色彩
 
设计网页要合理安排静态色彩和动态色彩,两种色彩各有用途,相互影响,相互协作,处理好两者的色彩之间的关系,才能使页面色彩达到统一和和谐的视觉效果
 
这里讲的静态色彩并不是静态的色彩的意思,而是机构色彩,背景色彩和表格色彩等带有特殊识别意义的,决定网站的色彩风格的色彩,动态色彩也不是动画中运动物体携带的色彩,而是插图,照片和广告等复杂图像带有的色彩,这些色彩通常无法用单一色相去描绘,并且带有多种不同的色调,随着图像图片在不同的页面的更换,动态色彩也要跟着变化
 
静态色彩,静态色彩的主要是由框架色彩构成的,也包括了背景色等其他色块形式的色彩,框架色彩是决定网站色彩风格的主要因素,不论插图或网络广告如何变化,最初和最终给浏览者留下深刻印象的就是框架色彩,大型站点的装饰就很少,大多数色彩是以html的形式直接填充在表格里的,十分直接的展示出来,对门户网站来说,静态色彩是网站风格的决定者,有着惊人的魅力和强烈的识别功能,如新浪网站结构框架中的黄颜色。一家以居家摆设为主要商品的电子商务网站,网站风格清秀优雅,简洁明快,用色干净,整洁,以条文图案铺垫背景,在细节上增加了页面的变化感,使网站看起来不仅大气而且细致,网页插图与产品照片清晰,大方,总体来说,这是一个设计饱满的电子商务网站。
 
动态色彩,在分析了各个栏目页面不同的色彩组合后,可一目了然的看出,静态色彩决定了网站的色彩风格和网站给访问者留下的色彩印象,动态色彩则属于即时更换的图片或广告中带有的颜色,不论动态色彩多么艳丽,也只能针对单独页面起到强烈的视觉引导作用,更换页面后,动态色彩就消失了,浏览者离开网站更不会记得动态色彩,这样说并不代表动态色彩不重要,相反两种色彩各有用途,需要相互协调合作,静态色彩的作用是永久的,动态的作用是及时的,把握好静态色彩等于把握好网站色彩风格,协调好动态色彩,活跃网站气氛,有助于网站的运作和发展,以静态色彩为主的网站主要是大型的门户,咨询和电子商务等信息内容型的网站,在大量信息中,为了起到引导阅读的作用,动态色彩需要跳跃的,引人注目的色彩
 
以动态色彩为主的网站主要是图片尺寸大,图片信息多的图片展示型网站,或者是产品网站,彩信网站和虚拟人物等图片多的资讯站点等,处理这类网站静态色彩课选择明清色为主的淡雅色调,或无彩色中明度高的灰,白等色彩。
 
计划好网站色彩,必须处理好两种不同色彩来源之间的色彩关系,在设计时候应该多注意静态色彩与动态色彩对页面和网站产生的效果,以及他们之间的色彩冲突。

阀门网站设计
 
表示强调的色彩运用
 
强调色彩又名突出色彩,是网站设计时候的有特殊作用的色彩,是为了达到某种视觉效果才临时出现的色彩,或者是与页面静态色彩对比反差较大的突出色彩,或者是导航条中含有广告推荐意义的特殊色彩,或者是在大段信息文字中为了表示重点需要通过不同色彩加注文字,等等
 
强调色彩的作用就是为了强调信息,使它所负载元素的可视性增强,在网站整体设计和网站运作和经营方面,强调色彩有突出贡献和特殊作用,千万不能小看他们
 
这是一个文化信息的韩国网站,插图很有张力,给人一种高调的艺术感,大气而且智慧,黄绿色分为6块,其中6块是隐藏的导航栏,鼠标移动在上面时候,会出现反差大的跳跃性色彩,使画面增加了很多随机性和变化,使原本给人安静沉稳的感觉变得活泼和带有更多亲和力
 
一个企业站,而且设计的相当不错,就网站来说,突出色彩并不是一定要产生高落差的跳跃色彩,如果过多的使用橘黄色,将无法保持平静的心理感受,点缀多了,视觉心理上就会把橘色认知为网站主辅助色,而不是单一以蓝色为主体的色彩配置机构了,气氛过于活跃对企业形象并没有太多的好处,网站需要在同色调的和谐气氛中求取细节变化,只要能产生色彩落差,视觉警示起了作用,情调色彩就完成了任务。
 
单一页面的色彩布局,网站色彩设计并不是单纯的配色设计,主体色和辅助色需要根据页面框架,信息内容进行分配,为了页面各个元素能得到合理的布局,色彩不是独立的思考,而是与页面其他元素结合起来一同设计,在诸多有关色彩布局的问题中,有3个较为重要的方面值得深入讨论,这3个方面是色彩平衡,色彩面积对比,色彩情感与插图情感一致。
 
上一篇:网站配色知识
下一篇:时尚类网站建设与制作