在網(wǎng)頁設(shè)計中，網(wǎng)頁整體架構(gòu)、頁頭、頁腳、內(nèi)容區(qū)和側(cè)邊欄等都是我們經(jīng)常接觸的部分，這些元素比較多，因此布局起來一定要合理。而最常見、最經(jīng)典的網(wǎng)頁布局樣式就是下面這些：

1．分割屏幕式布局就是很經(jīng)典的一個布局設(shè)計，它的層次性和結(jié)構(gòu)性都比較好，可以為重要性不同的內(nèi)容進(jìn)行排序，而且當(dāng)網(wǎng)頁中有兩個一樣重要的主題元素時，也可以使用這種設(shè)計方法。一般我們會將網(wǎng)頁分為左右兩部分，一邊字一邊圖，或者兩個都是圖，上面加上不同的元素，體現(xiàn)一種平等的關(guān)系。

2．頂部大圖banner加上簡單的柵格的布局樣式，能給人一種干凈、清新的感覺，同時有著強(qiáng)烈的視覺沖擊感。具體的設(shè)計就是頂部導(dǎo)航欄加上高清大圖，然后大圖下面有2-4個分欄，然后最下面就是頁腳，這也是現(xiàn)在很流行的響應(yīng)式網(wǎng)頁布局方式，可以為用戶展示豐富的內(nèi)容。

3．大部分用戶閱讀網(wǎng)頁時，都有著先從左到右，然后從上到下的閱讀習(xí)慣，也就是典型的“Z”式閱讀方式。因此，我們可以根據(jù)這個現(xiàn)象，把最重要的元素放在頁面的左邊，讓用戶第一眼就能看到，其他元素則按重要性大小呈“Z”布局。

4．自定義柵格布局也是網(wǎng)頁設(shè)計的經(jīng)典方式之一，它可以同時展示大量的視覺化信息，讓網(wǎng)頁看起來非常豐富、有價值。同時，這種布局的視覺比較協(xié)調(diào)、組織性強(qiáng)，能引導(dǎo)用戶按照一定的規(guī)律來閱讀，更快地找到自己需要的內(nèi)容。

5．還有一種經(jīng)典布局設(shè)計就是單頁式設(shè)計，即上面是導(dǎo)航，中間的圖片和文字內(nèi)容，下面是頁腳，風(fēng)格十分簡約、簡單，可以專注地為用戶展示一個主題。不過，這種設(shè)計呈現(xiàn)的內(nèi)容很少，只適合一些小型網(wǎng)站，而不太適合那些大型網(wǎng)站。

如果大家對于網(wǎng)頁布局沒有什么想法的話，不妨按照以上經(jīng)典方式來進(jìn)行設(shè)計，一定不會有差錯。另外，扁平化設(shè)計風(fēng)格也是現(xiàn)在的主流，大家可以多多了解《扁平化網(wǎng)頁設(shè)計如何做到與眾不同？》