1、國字類型：

也被稱為同字型，頂部是網站的標題、橫幅廣告條，然后是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容，底部是網站的一些基本信息、聯系方式、版權聲明等。這也是現在網上見到較多的一種結構類型；

2、大框套小框的布局：

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

3、導航在主視覺下方的布局：

這種雖然不多，但也時不時能看到，導航放在banner下面的好處是可以彌補banner中設計素材截斷的缺點，讓設計看上去完整、自然。所以說布局的方式受到多方面因素的影響，不僅考慮到信息內容所占據的空間，還包括你手頭現有的素材。

4、拐角型：

這種類型其實與國字型很相近的，只是在形式上不一樣，上面的部分是網站的標題以及網站的橫幅廣告條，一種很常見的類型是上面是標題及廣告，左側是導航鏈接；

5、通欄布局：

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

6、標題正文類型：

上面是網站的標題，或者是類似的東西，接著就是網站的正文內容，例如是一些文章或者是注冊登錄頁面；

7、左右框架類型：

這是一種左右為分別兩頁的框架結構，一般布局是：左邊是導航鏈接，上面有時是一個小的標題或標致，而右面就是主要內容，常使用是論壇網站，企業網站中的內頁有很多是采用這種布局方式的；這種類型的布局的特點是結構清晰明了；

8、左中右布局：

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

9、環繞式布局：

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

10、上下框架類型：

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

11、穿插式布局：

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

12、綜合框架類型：

其實就是左右框架類型和上下框架類型的結合體；

13、封面型：

這種類型基本上是出現在一些網站的首頁，多是精美平面結合小動畫，再加幾個簡單鏈接或僅是一個“進入”鏈接或無任何提示；

14、Flash型：

其實這與封面型結構是類似的，采用了目前非常游戲行的Flash，與封面型不同的是，由于Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差于傳統的多媒體；

15、變化型：

即上面幾種類型的結合與變化，但所實現的功能的實質是那種上、左、右結構的綜合框架型。