当前位置:首页 > 建站知识 > 网站设计 > 正文

征帆网络谈如何设计出精美的网页

来源:征帆网络  作者:ymars  日期:2012-10-29

对于长沙网站设计公司来说,美工设计非常重要,无论你采用哪种编程语言,网站功能如何强大,如何没有一套精美的网页设计,最后开发出来的网站作品都很难让顾客满意。而对于网站访问者,用户体验同样不可忽视,网站阅读的便利性更加重要。所以,我们首先应该满足访问者在阅读时候的便利性,然后考虑如果在设计上实现最佳的效果。而在这样的条件下,正在出彩的地方,往往就在细节了。网页设计第一要考虑用户浏览的方便性,第二要考虑技术的实现便利性。所以,大部分的网页设计布局都是成矩形块状的方式进行布置的。

网站最重要的一个环节就是要有精美的设计效果。因为网站是一个企业的网络门面,它可以对企业的形象有着直接的影响。每个企业都希望自己的网站设计精美,给到所有访问者一个良好的印象。

如果能够建设出设计精美的网站呢?我们给出以下几点原则和方法,帮助大家可以遵照一定的方向去实现一个设计效果不错的网站。这是我们根据众多精美的网站和多年的建站经验总结出来的一些原则和方法:

1. 网站布局清晰,阅读逻辑合理

一个设计精美的网站,第一步就是需要一个优秀的布局。首先,我们需要考虑好需要在首页上展示的内容,然后选择一个合理不错的布局形式。布局形式通常有两种,一种是传统正规的模式,另外一种则是与众不同的布局模式。

选用那种布局,主要根据企业的特点,以及需要向访问者传递的信息。如果是传统的公司,服务和产品又是比较传统普遍,需要给访问者一个比较稳重可信、专业权威的企业形象。那么就需要选择传统的模式。

如果是经营有创意性质的行业,或者是新兴的行业,需要给访问者深刻的印象与活力,那么就建议采用于众不同的布局模式。

传统的布局模式通常网页的各个内容都是按照访问者的阅读习惯来进行放置的。logo在左上角,导航条在上方居中或者居右,下方主题大图在中间靠上的位置,在下来就是文章列表和图片列表,有按钮、文章摘要和文章图片等。所有的元素以矩形的方式进行排布,整齐清晰地显示在页面上。

新兴的布局模式有着很大的发挥空间,有着很多带有创意的布局模式。不过logo、导航、主题大图基本上都是具备的。要做好有创意的布局,可以充分参考各种网站,帮助自己找到布局的灵感。

2. 网页色彩上面的处理

首先,在设计上要注意一个大原则,就是网页上面的色彩最多不要超过三种主要的颜色。颜色过多,画面就会显得凌乱。网页设计和平面设计是很不同的,最大的差别就是平面设计需要在远距离的情况下抢夺人们的眼球,并且给人留下深刻的印象。而网页设计的观看是在显示器上进行浏览,设计只是为了更好地展示网站的内容。所以,网页设计的可读性的要求比较高,要求页面人性化,阅读起来舒服。

所以,网页设计是非常切忌设计得色彩凌乱的。颜色上就最好不要超过3种主色调。另外在页面当中要充分考虑留白,切忌让画面充满整个屏幕。在过去的浏览器,我们显示器的分辨率师800*600,所以页面的设计多为800的宽度。而现在,显示器已经达到了1024*768的分辨率,并且很多宽屏的显示器已经可以显示1280宽度了。很多人喜欢设计1000的宽度的页面,但是这并不友好。在1024的显示器下面浏览就是满屏。著名的大公司网站设计基本上都是960左右的宽度,留有一部分空白,或者使用一些柔和的背景。这样的设计看起来就特别的舒服。

同时,底色的选择也是很重要的。由于网页主要的作用还是阅读,所以大部分的网页都是采用白色背景底色。少数在设计上需要体现个性的网页会使用深色底色。如果您的企业是比较传统的行业,追求庄重、大气和专业化,那么多数情况下还是采用白色底色。

文字的颜色分成了标题文字和正文文字。对于标题文字,可以积极向网页的主色调进行靠拢。或者在主色调的背景上一反白进行显示。而正文文字,则采用黑色比较合适。没有经验的网站设计公司往往直接采用了黑色作为正文文字。而事实上,应该采用80%或90%灰度的黑色作为正文文字,阅读起来对比度不高,感觉比较舒服。

最后,我要说说网站主色的使用。主色调主要和logo的颜色进行一致。Logo的设计多数为深色调。所以网站的主色也多数为一些深色。例如红、蓝、绿等。在使用这些颜色的使用,切忌将这些耀眼的颜色大面积地使用。过大的色块会让人觉得压抑,效果不好。

另外,可以通过将这个主色在色调和亮度上进行变化,用在网站不同的区域,是网站不会在颜色上过于单调。

3. 网页设计所有出彩尽在细节

与平面设计不同,网页设计由于估计的方面很多,结果无法像平面设计一样随意发挥创意。网页设计第一要考虑用户浏览的方便性,第二要考虑技术的实现便利性。所以,大部分的网页设计布局都是成矩形块状的方式进行布置的。

对于网站的主办者,设计非常重要,可是对于访问者,阅读的便利性更加重要。所以,我们首先应该满足访问者在阅读时候的便利性,然后考虑如果在设计上实现最佳的效果。而在这样的条件下,正在出彩的地方,往往就在细节了。

网页当中的每个元素的精致程度,直接就决定了网页设计的档次。要让一个网站能够反映出这个企业的专业性和行业地位,其实就是要把细节设计好。比如说logo的处理,加上一定的光泽和渐变效果,甚至可以做倒影的效果;还有就是导航条的质感,同样是一个蓝色的矩形导航条,但是可以在纹路上进行设计,使其质感与众不同;还有下方的文本区域框,边缘的线条也可以做精致的设计,使其更有立体感;再就是背景,在空白的地方适当加入不影响阅读的背景图案或者纹路,可以使网站的质感得到巨大的提升。而这些所有的细节汇集在一起,将会成就一个档次极高的网页设计。

4. 图片是网页设计中的重要阵地

我们都知道网页设计是各个元素在网页上进行布局,然后配上设计而实现的。这些元素当中,有图片、文字、标题、按钮等等。那么图片,其实是对设计给人第一印象最深刻的地方,而且也是最基本的要素。

首先,我们知道每个首页都有一个主题大图,这个图基本上都占据了1/3的屏幕位置。这个图片的质感对网页的设计影响很大。那么,这个图该如何进行设计呢?

很多刚入门网页设计的人员,在设计这张图的时候,就只是在客户素材或者图库当中选择合适的图放上去。这是一个很大的误区。这个图的最重要的作用是需要传递企业的一个信息给每一个进入访问的浏览者。所以,在设计这个图之前,应该充分了解企业希望表达的概念。要把这张图做成一个有意义、有概念的图才是成功的设计。

要做到这点,这个图当中就必须包含文字。而为了配合图中文字的出现,这个图很多时候就会进行一定的处理,把背景处理成为纯色、或者是遮罩了部分的内容,让透明度进行渐变。大家可以充分参考那些大公司的网站就可以知道。

其次,就是要非常注意这张大图的精度。在这种情况下,为了达到以上两个要求,很多公司会选用特写图来做这个主题大图。或者是远景、大景观的图片。而不会选择画面凌乱的图片来设计。

对于网页当中出现的其他图片,而是不容忽视的,高质量的图是前提,其次就是这个图展示的方式。有的设计师会让这个图有突起感、或者非常柔和地和周围的内容进行整合。