网站配色知识

zxh5566  2017-03-06 19:40   Hits: 

网站设计与网站风格
 
色彩作为网站设计主要体现风格形式的视觉要素之一,对网站设计来说分量是很重要的,设计师通常从接到项目单起就在思考用怎样的色相色调来烘托信息更为合理,客户方或上司也许不与设计师探讨框架,导航,但一定会探讨颜色,因为色彩是大众的情感表达方式,是非专业设计人员也可以参加讨论的视觉设计部分,它再网站设计过程中的重要性也因此而来
 
之前常常说,若是同样的信息内容交予不同的设计师,两人做出的网站绝度不会相同,色彩也是一样,即便是同样的色彩,色调,通过不同的排版方式,调和与组合,达到的页面效果也会是截然不同的
 
我们重视色彩,但同样要重视页面中的其他视觉元素,有了好的色彩搭配方式,对网站设计如虎添翼,若没有很好的信息结构,只有孤立的看网站配色,最终也无法做出完美和谐的作品
由色彩设计行程特殊风格的优秀网站较多,浏览者可以任意选择多种色彩组合,色彩具有一种知性美感,都是色设分大胆,风格很有个性的设计,好的色彩组合仅仅完成了色彩色设计一部分工作,把配色引用到网页设计中的这一部分工作更为重要。
 
深浅不同的米色调带有一种柔和的亲和力,由色块构成的不规则的形态形成了网站风格,网站信息少,这种方式恰好可以填补过多的空白部分,使网站看起来大气,自然,每页的框架都做了细致的调整,页面看似相同,实际上很多细节部分是不同的
一个瑞典网站,它以简洁的黑白色彩搭配形成了鲜明的风格,网站设计没有使用灰色和其他色彩,没有其他色彩的调和作用,使黑白对比十分强烈,给人一种棱角分明的时尚感觉,网站图标,导航和框架结构十分有特色,大量留白区为黑白之间强烈的对比起到了缓和的作用,是一个十分典型的以色彩风格形成网站风格的网站作品
 
色彩平衡和色彩面积对比
 
如何保持页面的色彩平衡是一个复杂的实际操作问题,每组色彩遇到不同的信息内容要做细微的页面调整,这些调整主要表现在色彩的面积,色彩的位置,文字信息的排版和页面元素的协调等诸多细节上。
例如他的色彩风格由所有页面中的色彩调子和色彩搭配方式一致而保持统一风格,但是细分析每个页面,很容易发现使用色彩的比例不是绝对相同的,有的页面偶尔会多出一两种淡绿色,或是一时是深绿色面积小,浅绿色面积大,一时又变成淡绿色面积小,深绿色面积大,决定这些色彩的布局变化的因素就是每个页面不同的信息量和信息需求。没有使用网站统一达到色彩心理上的统一,分布在动态色彩里的深灰色是每页必会出现的颜色,却无法引起浏览者心理感受上的重视而被忽略为辅助色彩,橙色的面积虽小,但它的名适度高,关注程度高,出现频率高,便给人留下了深刻的印象。
 
这里采用了三分栏的结构框架,根据信息形式和内容量的不同,三分栏的分栏效果也不同,色彩分布在第2栏的上部,有强烈的识别效用,稳定页面重心,浅灰色的菜单背景区起到辅助栏式结构平衡的作用,网站整体给人感觉理智,富有智慧,可信任,干净整洁,作为企业站点,它的设计是十分优秀的
这是一个用色较为大胆的企业网站,主色彩是对比强烈的黄绿色和天蓝色,辅助色彩是深浅不同的灰色

化妆品网页设计
 
网站没有用灰色做大量的铺盖,而是做了很多细致的处理,如不同深浅的灰色方块形成的插图,图标插图的深灰色处理,产品图片的灰色渐变背景,蓝色和绿色之间的灰色隔离,输入框的背景色也是灰色,页面下部的网站版权信息背景的灰色,等等,如果没有灰色的调和,绿和蓝的对比就过于强烈了,灰色不仅起到调和黄绿色和天蓝色的作用,而且对页面的色彩平衡起到了重要的意义
除此之外,重要文字使用天蓝色书写,图标用黄绿色,橙色的点缀,深一些的蓝色使用动态色彩提供,使网站过于棱角化的设计多了变化感,各种色彩的细节处理,使网站看起来设分饱满而精致。
对同样的色彩组合来说,如果组合中的色彩面积比例不同,那么形成的色彩风格也是不同的,谁的面积大,就会形成以它为主色的色彩结构,一般来说,页面中的导航色彩,框架色彩比较重要,其次是信息区的背景色彩以及文字的色彩,在 设计页面时候,多种主题色如何分配面积与位置是至关重要的。一个让人过目不忘的网站,主要是因为它使用色大胆的设计风格,新鲜而明亮的高纯度红色与浊色的蓝灰搭配,让人无法不惊诧网站也可以这样设计。
红色面积远远大于蓝色灰色,若要失去了蓝灰的调和作用,网站中的红色效果不会这么理想,从这一点看,虽然蓝灰色的面积小,位置也不重要,但拥有色彩心理的极为重要的比重,所以网站中的蓝色也是主色,比红色还重要。
上一篇:电影音乐类网站制作
下一篇:网站制作中重要的配色常识