网站首页建设
网站的色彩搭配网站的色彩搭配通常分为两个步龚:第一步是为整个网站选取一种主色调:第二步是为主色调拱配多种适合的颜色。主色调指的是整个网站给人印象最深的颜色,或青说除自色之外用得鼓多的颜色。正如前面所述,不同的数色给人的感受是不一样的,所以主色调选取的个最基本的原则就是保证所选的颜色与网站的主题或者形象相符,进步地能够通过这种颜色加深用户对网站的印象。
企业或者政府部门在选取主色调的时候,需要考虑符合自身的形象,而个人网站则要随意得多,往往选择的是自己喜欢的颜色。选好主色调之后,接下来要考虑的就是在什么地方使用主色调。
从前面的几个例子也可以看到,主色调址常表现在三个位丑:首先是头部,也就是网贞最卜面的部分,通常包含泞航条,头部是最能体现主色调的地方,所以所有的网站都会在头部表现主色调;其次是栏日索引条卜,栏日索引条虽然面积小,但是出现在网页的各个部位,所以能非常有效地谊染主色调:最后是网贞卜的文字,文字笔画虽细,但大面积的文字也能很好地突出主色调。接着耍考虑的是别的地方使用什么颜色去搭配这种主色调.比如背景色、文字颜色、毕航条颜色、插图颜色等都使用什么颜色:色彩拱配是 1 项非常精细的「作,因为往往个细节就会影响整个网页的色彩均衡。色彩搭配没有固定的模式与步淡,但是如果从大而积用色到小细节去拱配颜色,会使得这项.几作更轻松一些:下而就来看看几个主耍的方面。
所示的首都之窗主贞和阁4-16所示的易担N主贞就WT这种怙况* >丨一方向,技航条M〇J
介丁网贞的头部和内容部分的屮间,所以也泾常作为头部和A容部分的过戕,这种怙况下
通常采用灰色系
3>栏目索引条的颜色
栏目索引条W为分布在M贞的各个部位,所以经常采W主色闲中不M深度的颜色来烘托整体的效果,比如阁4-14所示的丨BM公司主贞采W不M的蓝色,阁4-15所示的首都之窗主炎采)tJ不M的红色*栏目索引条也径常使W与主色调屮常协阅的教色,比如阁‘16所示的易®M主贞的栏0索引条就使W了浅黄綠色* 外,为了教色的过波t位丁网贞屮间的栏H索引条也经常采W钱灰色:
4>文宇的敝色
文宇在•个网贞上足无处不在的f怛足文字的笔阃比较单薄,所以文宇逋常用来址一步突出主色调,或奔用来过波和缓解贞向的教色a文字的颜色主驳根据文字的背坟色迎行拼配,它与背拔色你ff较大的反宏,如a肽雜字、蓝欣a屮等,以便能淸楚地m示文士次文宇的颜色拼配还得兼顿文字尚围物体的颜色6
5)网页色
网贞的插阁通常尺寸部比较小,所以它的教色可以绚丽、丰亩一些,这样•来可以使贞向交得活泼,二来可以点缀整个贞I但足在选择冇背滅的阁片时特别小心,不取与的背滅色及阁所捅区域的背尨色相冲突t解决这个问迪•般冇两种方法:•种是采;可进明的gtfl%]; >丨一种足将阁片+的背色做成与M贞背甘色一样的额色*在网贞某个位笠捅入阁片时,也冇考虑K)样的问迪,如阁‘17所示的湖漸第一师范学院网站主贞的背贵色为〇色,在主贞屮插入毛泽东的越词“驳做人民的先生t先做人民的学生”阁片时f就先将阁片+的背妖色处遇成了 [11色。
4.3.2版面布局设计
报纸、杂志通常分为不M的版埘,不M的版向祐驳不M的布况,比如报纸的头版ft力茧驳,它的布况通常郝围绕腥B的大标琺掖开以吸引人们对它的注意,而儿他版闹以内容为主,所以它们的布闷相对简单,通常都根椐A容文屮的多少而自然分割6 K)报纸、条志一样,㈣站也分为很多不M的网贞,如主贞、烂目宵货、内容的网页。
但足与报纸、杂志不M的足I N站的所竹Mih:组成的足一个以次型钴构,何一贞都耑驳炷立VV问下一W网贞的超链接索引,所以㈣货所处的次越岛,网贞屮的内容就越丰A M贞的布码琥越S杂•*比如阁‘18所示的湖瘌教师N (http:Meacherhnedu.cn)主贞上的内容屮常丰亩,所以它的版向'布况就比较S杂,而下向一W的栏日“政策法规”。