网站布局设计主要分为以下几种类型：

1. 国字型布局

国字型布局，也称为同字型布局，是一些大型网站喜欢的类型。这种布局的主要优点在于网站容纳的内容多，信息量大。其结构通常包括最上面是网站的标题以及横幅广告条，接下来是网站的主要内容，左右分列一些小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的其他信息。

2. 卡片型布局

卡片型布局打破了传统上固定的排版布局方式，提升了版面的使用率，可以给网站建设增加更多的惊喜。卡片就像是一个容器，将类型不一样的内容设计在其中，使内容更加清晰和有条理。

3. 网格布局

网格布局如同乐谱上的五线谱，为网站内容提供了一个有序的排列。这种布局通过将页面划分为规则的网格单元，使得内容排列整齐划一，易于阅读和理解。

4. T结构布局

T结构布局是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变T结构布局的形式。

5. 瀑布流布局

瀑布流布局如同一条不断流淌的河流，内容不断填充，给人以动态的视觉体验。这种布局适用于内容丰富、更新频繁的网站，如社交媒体平台。

6. 分屏布局

分屏布局是主要的网页设计趋势，通过将屏幕分割成多个区域，展示不同的内容，提升用户体验。

7. 响应式布局

响应式布局能够根据不同设备的屏幕尺寸自动调整，确保用户在任何设备上都能获得良好的浏览体验。因为移动设备的普及，响应式布局成为网站设计的标配。

8. 对称布局

对称布局指采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型网站。这种布局大部分是企业网站和个人主页，处理得好会给人带来赏心悦目的感觉。

9. 变化型布局

变化型布局即上面几种类型的结合与变化，比如某些网站在视觉上很接近拐角型，但所实现的功能和布局有所不同。