网页开发的灵魂就是服务于内容

     一直以来,网站开发知识体系中的页面美工中的审美环节长期是自己的一个弱项。面对一个页面效果图,很难提出符合逻辑的建设性意见。视觉感应那是相当迟钝。

     今天,闲暇之余,终于痛下决心,一定要好好研究一下这个东西。

     果不其然,看了一篇名为《网站美工知识》的文章,里面有作者对网页的颜色搭配以及网页的布局搭配提出自己很深厚的见解。收获颇丰。最大的感受就是作者能  够一针见血的指出网页美工这种形式都是服务于内容,切不可本末颠倒。真可谓网页开发的真谛。

     下面就对学到的知识结合世界农化网这个实例做一个简单的算是学习总结吧!

     先说配色,一般网站都是有一个主体色和两三个辅助颜色配合而成。再配上灰色这样的中性颜色来使浏览者达到一种视觉平衡。根据内容的不同选择不同的主体色调。在色彩搭配方面,也有一些规律遵循,

比如红色象征热烈、绿色象征宁静、黑色象征庄严、蓝色显得清凉、紫色看着暧昧等等。灰色配红显暖,配蓝显冷。世界农化网采用其logo的三个色调,分别是红色、绿色和橙色。主体色调以绿色为主,以绿色和橙色突出,红色陪衬。

再比如深浅搭配时,深色背景采用浅色突出。浅色背景,采用深色突出。世界农化网设计中采用浅绿色和浅橙色的bar,用深绿色和深橙色显示bar标题。

字体也一般采用主体色+灰色+深浅辅助色+黑色+白色来完成。世界农化网采用绿色、绿色粗体、白色、灰色、黑色、橘红色、红色等构成

     再说页面布局,好的布局是可以使浏览者快速高效的浏览完页面内容。所以在搭建页面布局时一定要注意不要过多的使用炫酷的flash和js特效,一定要动静结合,动的东西都要起到画龙点睛的效果。还有就是页面要有重点要有突出,方便浏览者快速浏览。最后就是页面的整体平衡。不能头重脚轻,或者头部很空。如何允许,可以在页面的特定位置留白,给浏览者喘息的机会,如果密密麻麻全是文字和图片,会让浏览者感觉到头晕目眩。

   世界农化网采用了圆bar,一定程度上起到留白的效果。由于其本身内容丰富,所以不会显得不一致或不平衡。弊端就是在突出重点方面不太恰当,应当用一种不同色块突出更新内容。便于浏览者一下识别。

   今天就到这里,下班吃饭。

  

posted @ 2010-06-28 17:47  晋荣将军  阅读(96)  评论(0)    收藏  举报