网站最重要的一个环节就是要有精美的设计效果。因为网站是一个企业的网络门面,它可以对企业的形象有着直接的影响。每个企业都希望自己的网站设计精美,给到所有访问者一个良好的印象。
如果能够建设出设计精美的网站呢?我们给出以下几点原则和方法,帮助大家可以遵照一定的方向去实现一个设计效果不错的网站。这是我们根据众多精美的网站和多年的建站经验总结出来的一些原则和方法:
1. 网站布局清晰,阅读逻辑合理
一个设计精美的网站,第一步就是需要一个优秀的布局。首先,我们需要考虑好需要在首页上展示的内容,然后选择一个合理不错的布局形式。布局形式通常有两种,一种是传统正规的模式,另外一种则是与众不同的布局模式。
选用那种布局,主要根据企业的特点,以及需要向访问者传递的信息。如果是传统的公司,服务和产品又是比较传统普遍,需要给访问者一个比较稳重可信、专业权威的企业形象。那么就需要选择传统的模式。
如果是经营有创意性质的行业,或者是新兴的行业,需要给访问者深刻的印象与活力,那么就建议采用于众不同的布局模式。
传统的布局模式通常网页的各个内容都是按照访问者的阅读习惯来进行放置的。logo在左上角,导航条在上方居中或者居右,下方主题大图在中间靠上的位置,在下来就是文章列表和图片列表,有按钮、文章摘要和文章图片等。所有的元素以矩形的方式进行排布,整齐清晰地显示在页面上。
新兴的布局模式有着很大的发挥空间,有着很多带有创意的布局模式。不过logo、导航、主题大图基本上都是具备的。要做好有创意的布局,可以充分参考各种网站,帮助自己找到布局的灵感。
2. 网页色彩上面的处理
首先,在设计上要注意一个大原则,就是网页上面的色彩最多不要超过三种主要的颜色。颜色过多,画面就会显得凌乱。网页设计和平面设计是很不同的,最大的差别就是平面设计需要在远距离的情况下抢夺人们的眼球,并且给人留下深刻的印象。而网页设计的观看是在显示器上进行浏览,设计只是为了更好地展示网站的内容。所以,网页设计的可读性的要求比较高,要求页面人性化,阅读起来舒服。
所以,网页设计是非常切忌设计得色彩凌乱的。颜色上就最好不要超过3种主色调。另外在页面当中要充分考虑留白,切忌让画面充满整个屏幕。在过去的浏览器,我们显示器的分辨率师800*600,所以页面的设计多为800的宽度。而现在,显示器已经达到了1024*768的分辨率,并且很多宽屏的显示器已经可以显示1280宽度了。很多人喜欢设计1000的宽度的页面,但是这并不友好。在1024的显示器下面浏览就是满屏。著名的大公司网站设计基本上都是960左右的宽度,留有一部分空白,或者使用一些柔和的背景。这样的设计看起来就特别的舒服。
同时,底色的选择也是很重要的。由于网页主要的作用还是阅读,所以大部分的网页都是采用白色背景底色。少数在设计上需要体现个性的网页会使用深色底色。如果您的企业是比较传统的行业,追求庄重、大气和专业化,那么多数情况下还是采用白色底色。
文字的颜色分成了标题文字和正文文字。对于标题文字,可以积极向网页的主色调进行靠拢。或者在主色调的背景上一反白进行显示。而正文文字,则采用黑色比较合适。没有经验的网站设计公司往往直接采用了黑色作为正文文字。而事实上,应该采用80%或90%灰度的黑色作为正文文字,阅读起来对比度不高,感觉比较舒服。
最后,我要说说网站主色的使用。主色调主要和logo的颜色进行一致。Logo的设计多数为深色调。所以网站的主色也多数为一些深色。例如红、蓝、绿等。在使用这些颜色的使用,切忌将这些耀眼的颜色大面积地使用。过大的色块会让人觉得压抑,效果不好。
另外,可以通过将这个主色在色调和亮度上进行变化,用在网站不同的区域,是网站不会在颜色上过于单调。
3. 网页设计所有出彩尽在细节
与平面设计不同,网页设计由于估计的方面很多,结果无法像平面设计一样随意发挥创意。网页设计第一要考虑用户浏览的方便性,第二要考虑技术的实现便利性。所以,大部分的网页设计布局都是成矩形块状的方式进行布置的。
对于网站的主办者,设计非常重要,可是对于访问者,阅读的便利性更加重要。所以,我们首先应该满足访问者在阅读时候的便利性,然后考虑如果在设计上实现最佳的效果。而在这样的条件下,正在出彩的地方,往往就在细节了。
网页当中的每个元素的精致程度,直接就决定了网页设计的档次。要让一个网站能够反映出这个企业的专业性和行业地位,其实就是要把细节设计好。比如说logo的处理,加上一定的光泽和渐变效果,甚至可以做倒影的效果;还有就是导航条的质感,同样是一个蓝色的矩形导航条,但是可以在纹路上进行设计,使其质感与众不同;还有下方的文本区域框,边缘的线条也可以做精致的设计,使其更有立体感;再就是背景,在空白的地方适当加入不影响阅读的背景图案或者纹路,可以使网站的质感得到巨大的提升。而这些所有的细节汇集在一起,将会成就一个档次极高的网页设计。
4. 图片是网页设计中的重要阵地
我们都知道网页设计是各个元素在网页上进行布局,然后配上设计而实现的。这些元素当中,有图片、文字、标题、按钮等等。那么图片,其实是对设计给人第一印象最深刻的地方,而且也是最基本的要素。
首先,我们知道每个首页都有一个主题大图,这个图基本上都占据了1/3的屏幕位置。这个图片的质感对网页的设计影响很大。那么,这个图该如何进行设计呢?
很多刚入门网页设计的人员,在设计这张图的时候,就只是在客户素材或者图库当中选择合适的图放上去。这是一个很大的误区。这个图的最重要的作用是需要传递企业的一个信息给每一个进入访问的浏览者。所以,在设计这个图之前,应该充分了解企业希望表达的概念。要把这张图做成一个有意义、有概念的图才是成功的设计。
要做到这点,这个图当中就必须包含文字。而为了配合图中文字的出现,这个图很多时候就会进行一定的处理,把背景处理成为纯色、或者是遮罩了部分的内容,让透明度进行渐变。大家可以充分参考那些大公司的网站就可以知道。
其次,就是要非常注意这张大图的精度。在这种情况下,为了达到以上两个要求,很多公司会选用特写图来做这个主题大图。或者是远景、大景观的图片。而不会选择画面凌乱的图片来设计。
对于网页当中出现的其他图片,而是不容忽视的,高质量的图是前提,其次就是这个图展示的方式。有的设计师会让这个图有突起感、或者非常柔和地和周围的内容进行整合。
总结:网页设计的最佳流程
以上谈及的几个方面虽然已经能够帮助网站建设者去实现一个精美的网页设计。可是要实现一个让客户非常满意的设计真的不容易。所以,配合以上的做法以外,项目管理人员应该做到以下几点:
第一:充分的需求把握
项目经理应该充分地把握好客户心中想要的设计稿,和客户“臭味相投”。也就是说,当项目经理对设计稿满意的时候,他有充分的信心,客户是会满意的。而不是无论如何,设计稿先丢给客户,客户不满意再让设计师继续修改。项目经理应该心里有数,什么程度的设计,能够让客户满意。
为了要实现这点,项目经理应该先给客户做一个测试。也就是让客户去看一组设计,请客户进行评论,从而摸清客户对于设计好坏的标准。
如果设计的第一稿遭到客户比较大程度的否定,那么就应该迅速调整对客户设计要求的认识,在错误中探索客户真正的标准。
第二:客户设计标准的引导
我们经常会遇到没有标准的客户,而且这是最难处理的客户。因为客户的要求漫无边际、不着边幅,往往在很多稿设计之后,客户仍然无法确定下来设计。不仅仅浪费了时间,而且损耗了大量的设计成本。
在这种情况下,最重要的就是早发现早处理。如果一早就发现客户属于这种类型,那么最先做的事情应该是和客户共同探讨一下什么样的设计才是一个好设计。通过探讨,让他先对设计的标准下一个定论。
比如说,让他先看看同行网站,以及世界有名的大公司的网站设计。向它们看齐。充分向客户说明,它们这样的设计背后的用意,以及我们的设计思路的价值和意义。当对方认可或者达成一致认识的时候,再进行设计。否则,宁可将设计停下来,先讨论清楚设计思路。
给客户充分参看著名公司的网站可以很好地培养好客户对设计标准的认识。所以,项目经理不应该怕麻烦,主动多和客户在前期把设计思路和参考的网站聊透彻。
第三:先找感觉,再策划
当项目经理对客户需要的设计标准有了了解之后,心中就应该构思出这个网站出来以后的效果和感觉。然后,沿用这个感觉去参考大量的成功设计。在这些成功的设计当中,去找到感觉一致的参考设计。用不同的参考设计的不同部分,汇集在一起,通过布局策划,向设计师表达所需要实现的这个效果。
要做到这一点,首先就是要找到感觉,其次就是要有一定数量的参考设计进行浏览。所以,我们需要一个参考设计库进行积累。
第四:设计得好不如卖得好
很多项目经理只是把做好的设计发给客户,任客户去品头论足。实际上,如果在发给客户的时候,细致地向客户介绍自己的设计理念,充分论证自己这种设计的价值。即使客户不能最终确认设计,但是仍然会尊重你的设计,而不至于推翻重来。
所以,对于设计的成稿,项目经理首先就要进行包装,然后积极地向客户讲述这个设计稿的独特之处以及设计用意。在你的引导下,客户很有可能满意地接受了这个设计稿。