网页布局是网页设计的关键环节，它直接影响用户体验和信息传达效率。关于布局或许是咱们不放在眼里的当地，其方位如同文字的排版相同，随便可布，布即随便。其实文字排版是一种不起眼但却非常重要的细节。做好了会让著作更为精密美丽，做不好或许就成为著作失改的重要原因。其实布局也是相同，需求咱们满足的注重起来。下面我要讲的不是网页安置成“左中右”、“左右”、“上中下”之类的问题。而是讲方位的重心与方位之间的比照联系。

众所周知，国外有一种叫黄金切割率的概念。下面我引用一段非常专业的解说：“黄金切割早见于古希腊和古埃及。黄金切割又称黄金率、中外比，即把一根线段分为长短不等的a、b两段，使其中长线段的比（即a+b）等于短线段b对长线段a的比，列式即为a:(a+b)=b:a，其比值为0.6180339……这种份额在造型上比较顺眼，因而，0.618又被称为黄金切割率。”咱们也看清楚了什么叫黄金切割。咱们我国也有一种类似于这样的概念叫九宫格。这个或许就有一些朋友不清楚了，这是一种用以临写碑帖的一种界格纸。基本形是一个长方形等分九格。在这个九宫格中中心部分就发生了四个交叉点，这四个交叉点便是视觉中心点。

好了，咱们为什么要讲这两个概念呢？是由于这两个概念是规划的决窍之地点。咱们许多时间喜爱把重要的东西放在正中心，表示注重想吸引目光注意。可是我要告诉咱们。正中心属于盲点区。也便是说按人的视觉习气来讲正中心是常常被忽视的。并且放在正中心也不会引起视觉刺激。用句玩笑话来侃一下：两眼中心是看不清楚的。不信拿你的手指指着鼻尖看你的手。那什么当地是视觉中心点呢，这就要用到上面的概念了。不过什么a:(a+b)=b:a都太麻烦了谁会那么细致的去算呢。这儿用我国的九宫格原理就清楚得多了。四个视觉中心点很显然咱们也清楚是什么方位了。

那么在实践应用中咱们要怎么用呢。这点很重要，实战意义要比空谈概念重要得多。咱们先从大布局来谈，然后再讲小布局，终讲规划图片的布局。

大布局 基本上网页的布局分为，上中下、左中右、左右、上下、与上下左右之混合几类。同时咱们还要思考的是分辨率与网页大小的联系。现在大部分的机器都是1024以上的分辨率了，那咱们的宽度是不是必定也要顺应变得宽一点呢。个人观点是大可不必。由于网页本身也会与浏览器发生视觉比照。假如塞得太满必然也不是很美观。假如留下空地网面与留出来的空白也可构成必定的比照，其份额也较挨近黄金切割率。所以我觉得仍是不要塞满浏览器为好，给网页一个能够呼吸的空间。那网页自身的上下左右布局呢？相同的，如只是上下或是左右结构咱们不能把上下或是左右平分，而是好选用黄金切割比来进行划分。假如是上中下或是左中右呢。咱们相同不能平分，咱们咱们要注意三者之间的联系，比方上中下结构，咱们很清楚中心是首要内容需求大一点的空间，那么中空间的部分会尽量的点有大份额，一般来讲咱们会让中心占大约百分之六十。而上面占百分之三十，下面占百分之十。那也便是说，下面是上面的三分之一，上面是中心的三分一。这样的切割就会比平面看起来要舒服许多。可是左中右的结构就不能这么分了。由于百分之十的宽度会很难放得下什么内容。一般左中右结构会有另一种分法：左占百分之四十，中右各占百分之三十。或是左右占百份之三十，中心占百分之四十。也能够进行532、622、442、的分配。也便是说大布局上要尽量防止平分的局面。

小布局 也能够说是细节上的布局。咱们能够把网页看成是由许多个小块组合而成的。一般要注意的便是标题与内容的联系以及这些块放置的方位。比方核心的内容不要放在顶、终、或是中心。而是顶部与中心的中部方位，有些人喜爱排位，并且会把重要的放在上面，其实不然啊，放在上面的未必是核心的方位。比方咱们看一下各大门户网站的头条新闻的方位，是不是没有放在顶部的？当然由于分辨率的问标题，这些头条或许方位也会有所变化。在800下头条是偏下的，而1024是居中一点，1600就偏上一点。可是从浏览器的大角度来看，这些头条也都是处于视觉中心点的。

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

咱们看这图的重点是那个MP4，可是这个对象很大，不过没联系，把这个MP4的图做得有透视性，左右的分量就不相同了。这样向左去一点，那么重心就向左去了，再加上MP4偏上，这个MP4就正好在视觉中心点上了。而首要的信息文字相同也处在视觉中心的方位上。而一些不重要的文字都放在了角度去萧瑟他。

好了，关于布局就说这么多，这儿总觉得这儿还少些东西，细想或许是视觉平衡方面的问题。这儿讲得许多了，视觉平衡方面的问标题就再想想过些日子再整理出来。