网站版面设计的步骤

版面设计也可以理解为布局设计,就是我们在浏览器上说看的一个完整的页面。设计师们如何将所有要体现的内容有机的整合和分布,达到某种视觉效果,这就叫做版面布局。我们将如何做好网站的版面设计呢?首先我认为是“过程注定了结果”,重视你所做的每一步并把它尽量的做到最好,相信结果也不会偏离轨道。下面先让我们来了解一些版面设计的步骤:

1、构思(结构的搭建)

当然在构思之前我们总需要了解很多,如:客户的需求、网站的定位、受众群等很多方面的事情,也就是说需要了解策划方案。如果我们连这些问题都还不清楚的话,请先不要去想着设计,因为在不了解客户需求的情况下,盲目的去把页面设计达到某种视觉效果是很难的、也会很容易被客户推翻的,即使客户不懂,过关了,但是如果没有真正为客户带来价值,它还是失败的。
当我们真正了解客户需求后,你可以尽可能的发挥你的想象力,将你想到的"构思"画上去(用笔和纸或者软件都可以,根据自己的习惯而定),这是属于一个构思的过程,不讲究细腻工整,也不必考虑到一些细节的部分,只要用几条粗陋的线条勾画出创意的轮廓即可。尽可能的多构思一些,以便选择一个最适合的进行搭建。

2、粗略布局

这个阶段是个试用期,我们只要把重要的元素和网页结构相结合,看看框架是否合理、适合客户的需求,如果都不适合你该知道怎么做了!

3、完善布局

当我们已经有一个很好的框架时,我们需要根据客户的要求将其所需的内容有条理的融入于整个的框架中,这里就进入了网页布局的阶段了,我们需要通过我对图片的处理、空间的合理利用进行编排了,这一点我在“行业网站设计心得”里就已经提到过了,在此就不一一罗列了。下面是广告大师樊志育在《广告制作》中所提到的,希望对大家在布局的理论上面有所帮助。

1、正常平衡---亦称"匀称"。多指左右、上下对照形式,主要强调秩序,能达到安定诚实、信赖的效果。
2、异常平衡---即非对照形式,但也要平衡和韵律,当然都是不均整的,此种布局能达到强调性、不安性、高注目性的效果。
3、对比---所谓对比,不仅利用色彩、色调等技巧来做表现,在内容上也可涉及古与今、新与旧、贫与富等对比。
4、凝视---所谓凝视是利用页面中人物视线,使浏览者仿照跟随的心理,以达到注视页面的效果,一般多用明星凝视状。
5、空白---空白有两种作用,一方面对其他网站表示突出卓越,另一方面也表示网页品位的优越感,这种表现方法对体显网页的格调十分有效。
6、尽量用图片解说---此法对不能用语言说服、或用语言无法表达的情感,特别有效。图片解说的内容,可以传达给浏览者的更多的心理因素。

4、深入优化

这个阶段主要是针对些细节的更改和优化了,比如说一些颜色饱和度、一些字体、间距的调整呀。最后客户反馈过来的东西根据现有的界面进行适当的调整,直至客户满意。

在网上有许多人问我什么样的版面布局是最好的,其实我不觉的某个版面是最好的,我们也不能说的这么绝对,我认为在现阶段现有的资源下最适合客户需求的才是“最好”的。

网站建设咨询