九宫格又叫三分法，由横竖各三个网格组成，焦点就是所谓的“热点区域”。三分法可以为设计带来活力与动感，是画面、构图和排版的导向。在构图的热点区域中安置关键的视觉元素，不仅可以将人们的注意力吸引到元素本身，还能为整体构图带来平衡。利用三分法来安排元素位置的做法，为设计引入了成比例的概念，可以帮助人们获得审美上的愉悦。

    1、大布局

    网页的布局基本上分为上中下、左中右、左右、上下与上下左右混合等几类。同时我们还要思考分辨率与网页大小的关系。现在大部分的显示器都是1024px×768px以上的分辨率了。那我们的宽度是不是一定也要相应变得宽一点呢？答案是合理的宽度对比。因为网页本身也会与浏览器产生视觉对比，如果塞得太满，势必不是很好看。留下空隙网面与留出来的空白也可形成一定的对比。

    背景的白色和网页的空白有机结合形成了很好的对比，便于阅读浏览，其比例也较接近黄金分割比。所以还是不要塞满浏览器为好，给网页一个可以呼吸的空间。那网页自身的上下左右布局呢？同样地，如只是上下或左右结构，我们不能把上下或左右平分，最好采用黄金分割比来进行划分。如果是上中下或左中右，同样不能平分，要注意三者之间的关系。比如上中下结构，我们很清楚中间的主要内容需要大一点的空间，那么中间部分的比例会尽量大点，一般来讲会让中间占大约60%。而上面占30%，下面占10%。也就是说，下面是上面的1/3，上面是中间的1/2.这样的分割比平分看起来要舒服很多。但是左中右的结构就不能这么分了。因为10%的宽度很难放得下什么内容。一般左中右结构会有另一种分法：左占40%，中右各占30%；或左右各占30%，中间占40%；也可以以532、622、442的比例分配。总体来说，大布局上要尽量避免平分的情况。

    2、小布局

    小布局也可以说是细节上的布局。可以把网页堪称是由很多个小块组合而成的。通常要注意的就是，标题与内容的关系以及这些板块放置的位置。比如最核心的内容不要放在最顶、最后或最中间，而是顶部与中间的中部位置。有些人喜欢排位，并且会把最重要的放在最上面，其实不然，放在最上面的未必是最核心的内容。看一下各大门户网站头条新闻的位置，是不是没有放置最顶部？当然由于分辨率的问题，这些头条位置可能也会有所变化。在800px×600px的分辨率下头条是偏下的，而1024px×768px的分辨率下会居中一点，1600px×1200px的分辨率下就会偏上一点。但是从浏览器的大角度来看，这些头条仍然都处于视觉中心点。