1、國字類型： 

也被稱為同字型，頂部是網(wǎng)站的標(biāo)題、橫幅廣告條，然后是網(wǎng)站的主體內(nèi)容個(gè)，而左右分別是一些比較小的內(nèi)容條，中間就是主要內(nèi)容，底部是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這也是現(xiàn)在網(wǎng)上見到較多的一種結(jié)構(gòu)類型； 

2、大框套小框的布局： 

這種網(wǎng)站布局方式即是我在上面提到的常見的布局，不是說這種布局方式一無是處，但我們總不能只會(huì)這一種布局方式，次次套用吧？按照這種布局當(dāng)然也可以做出來漂亮的設(shè)計(jì)，但畢竟方框限制的視線的擴(kuò)展，如果客戶要求做出大氣的感覺，一般不會(huì)按照這種方式來布局，通常來講，大氣意味著開闊視野。 

3、導(dǎo)航在主視覺下方的布局： 

這種雖然不多，但也時(shí)不時(shí)能看到，導(dǎo)航放在banner下面的好處是可以彌補(bǔ)banner中設(shè)計(jì)素材截?cái)嗟娜秉c(diǎn)，讓設(shè)計(jì)看上去完整、自然。所以說布局的方式受到多方面因素的影響，不僅考慮到信息內(nèi)容所占據(jù)的空間，還包括你手頭現(xiàn)有的素材。 

4、拐角型： 

這種類型其實(shí)與國字型很相近的，只是在形式上不一樣，上面的部分是網(wǎng)站的標(biāo)題以及網(wǎng)站的橫幅廣告條，一種很常見的類型是上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接； 

5、通欄布局： 

這種布局方式讓視線不再受到方框的限制，比起上面的布局方式，自然多了些大氣、開闊的味道來。另外，主視覺部分還可以靈活處理，既可以向上拓展到logo和導(dǎo)航的頂部位置，也可以向下拓展到內(nèi)容區(qū)域，這種布局方式也是非常常見的布局方式。 

6、標(biāo)題正文類型： 

上面是網(wǎng)站的標(biāo)題，或者是類似的東西，接著就是網(wǎng)站的正文內(nèi)容，例如是一些文章或者是注冊(cè)登錄頁面； 

7、左右框架類型： 

這是一種左右為分別兩頁的框架結(jié)構(gòu)，一般布局是：左邊是導(dǎo)航鏈接，上面有時(shí)是一個(gè)小的標(biāo)題或標(biāo)致，而右面就是主要內(nèi)容，常使用是論壇網(wǎng)站，企業(yè)網(wǎng)站中的內(nèi)頁有很多是采用這種布局方式的；這種類型的布局的特點(diǎn)是結(jié)構(gòu)清晰明了； 

8、左中右布局： 

這種布局方式不常見到，但卻是非常富有新鮮感的布局方式，如果你已經(jīng)做煩了水平分割的設(shè)計(jì)，嘗試一下這種布局也未嘗不是一種好的選擇。 

9、環(huán)繞式布局： 

這種布局方式看上去更加靈活，banner區(qū)域相對(duì)較小，就可以在頁面放置更多的信息內(nèi)容。 

10、上下框架類型： 

與左右框架類型類似，只是這種類型是上下兩頁的框架； 

11、穿插式布局： 

這種布局在企業(yè)站中較難看到，用的不多，banner區(qū)域相對(duì)較大，可以作為一種布局的選擇。