上一章节，讲到“网页设计之一网页布局黄金分割比例”

关于布局，重点是要想到视觉平衡方面的问题

在网页布局之前，首先也要考虑分辨率与网页大小的关系。现在大部分的机器都是1024 以上的分辨率了，那我们的宽度是不是一定也要顺应变得宽一点呢。

因为网页本身也会与浏览器产生视觉对比。如果塞得太满势必也不是很好看。如果留下空隙网面与留出来的空白也可形成一定的对比，其比例也较接近黄金分割率。所以我觉得还是不要塞满浏览器为好，给网页一个可以呼吸的空间。

大布局主要分为：基本上网页的布局分为，上中下、左中右、左右、上下、与上下左右之混合几类。

小布局主要分为：也可以说是细节上的布局。我们可以把网页看成是由很多个小块组合而成的。

首先们来讲大布局：

那网页自身的上下左右布局呢？同样的，如只是上下或是左右结构我们不能把上下或是左右平分，而是最好采用黄金分割比来进行划分。如果是上中下或是左中右呢。

我们同样不能平分，我们我们要注意三者之间的关系，比如上中下结构，我们很清楚中间是主要内容需要大一点的空间，那么中空间的部分会尽量的点有大比例，一般来讲我们会让中间占大约百分之六十。而上面占百分之三十，下面占百分之十。

那也就是说，下面是上面的三分之一，上面是中间的三分一。这样的分割就会比平面看起来要舒服很多。但是左中右的结构就不能这么分了。因为百分之十的宽度会很难放得下什么内容。

一般左中右结构会有另一种分法：左占百分之四十，中右各占百分之三十。

或是左右占百份之三十，中间占百分之四十。也可以进行532、622、442、的分配。也就是说大布局上要尽量避免平分的局面。

其次关于小布局：

小布局主要是注意的就是标题与内容的关系以及这些块放置的位置。

比如最核心的内容不要放在最顶、最后、或是最中间。而是顶部与中间的中部位置，有些人喜欢排位，并且会把最重要的放在最上面，其实不然啊，放在最上面的未必是最核心的位置。比如我们看一下各大门户网站的头条新闻的位置，是不是没有放在最顶部的？当然由于分辨率的问题目，这些头条可能位置也会有所变化。在800下头条是偏下的，而 1024是居中一点，1600就偏上一点。但是从浏览器的大角度来看，这些头条也都是处于视觉中心点的。

图片 我们在处理图片的时候也会用到布局，比如我们的文字放在什么地方，标志放在什么地方这些都是布局的范畴。这里也要应用上述的概念，重要的要核心不要放在正中或是过于偏向角落。当然也会遇到重心的东西很大，基本上都占满了画面。

大家看这图的重点是那个MP4，但是这个对象很大，不过没关系，把这个MP4的图做得有透视性，左右的重量就不一样了。这样向左去一点，那么重心就向左去了，再加上MP4偏上，这个MP4就正好在视觉中心点上了。而主要的信息文字同样也处在视觉中心的位置上。而一些不重要的文字都放在了角度去冷落他。

天蚕重庆网络公司