網(wǎng)站布局是網(wǎng)站建設(shè)需要去思考和嘗試的工作之一。布局如同搭積木，將網(wǎng)站不同模塊，進行組合。這樣組成而成的模型各種各樣，但是還要考慮到瀏覽習慣、 主次區(qū)分等等因素，實際上，通用的網(wǎng)站布局類型是有限的。“常見的網(wǎng)站布局不超過十種。”方維網(wǎng)絡(luò)一位建站人員說道。方維網(wǎng)路是一家位于深圳地區(qū)的建站公司。
根據(jù)方維網(wǎng)絡(luò)的經(jīng)驗，每一種常見的網(wǎng)站布局模式都有其原理，但是也有其利弊。

左中右布局的原理和利弊

左中右這種布局方式其實來自于傳統(tǒng)模式，包括報紙、紙媒等等。左中右布局的原理是，第一，這種布局方式符合人們既定的從左至右閱讀習慣，并且可以讓重要內(nèi)容平行排列，獲得最優(yōu)的展示效果。第二，左中右的布局方便排版，特別是在紙媒時代，豆腐塊的排版方式，可以對文章篇幅有所限制。
目前，采取左中右布局的主要是新聞網(wǎng)站。例如騰訊網(wǎng)站、網(wǎng)易這樣的門戶，都采取這種布局。
“企業(yè)網(wǎng)站采取左中右的布局，其實不太合適。一是因為企業(yè)的信息少，無需考慮版面有限的問題；二是企業(yè)需要重點突出地宣傳，左中右布局無法突出重點。”方維網(wǎng)絡(luò)一位建站策劃人員認為。

上中下布局的原理和利弊

如果說左中右符合閱讀紙媒的習慣，上中下就符合屏幕閱讀的習慣。因為鼠標的滾動是上行運行的，特別是在智能手機出現(xiàn)之后，上下閱讀的習慣被進一步強化。
所以，目前新改版的企業(yè)網(wǎng)站，多選擇上中下布局方式。上部是導航欄、中部是內(nèi)容、下部是頁腳。
以響應(yīng)式網(wǎng)站來說，都采取了上中下的布局模式，在移動媒體上，這種布局方式也被稱之為“流動式布局”“瀑布流布局”。

通欄式布局

這種布局方式是因為寬頻的出現(xiàn)而伴隨出現(xiàn)的。當屏幕更寬之后，網(wǎng)站兩旁出現(xiàn)更多的留白，讓網(wǎng)站顯得很突兀。通欄式布局，就是讓網(wǎng)站的導航、背景與屏幕的邊緣接壤，這樣給用戶的感覺是——網(wǎng)站和電腦屏幕融為一體。
為了強化這種“融合”的效果，響應(yīng)式網(wǎng)站的背景傾向于采用暗色系，例如黑色、深藍，而不是明色系。包括蘋果、華為等科技網(wǎng)站，都選擇了暗色。

插入式布局

這種布局在曾經(jīng)也是比較流行。指的是網(wǎng)站的banner插入到網(wǎng)站的某一區(qū)域，通常是中部、上部等“高亮區(qū)域”。而網(wǎng)站的其它部分在banner的周邊進行排列。有的網(wǎng)站甚至不惜將導航移動到左邊，或者采取豎排、斜線排列的方式，以此來迎合插入的廣告。
在一些非常看重營銷活動的企業(yè)網(wǎng)站中，這種布局方式可以將用戶注意力吸引到廣告上，可以引發(fā)用戶的沖動型消費。

分層式布局

不少網(wǎng)站會采用分層式布局，分層，即是一種布局方式，也是一種展示效果。采用分層式布局，在電腦端瀏覽似乎并不佳，需要大幅度滾動鼠標，增加使用難度。但是在手機和平板上，似乎效果不錯，有一種“翻閱”的感受。
這種分層式布局也有一種弊端，給用戶造成“遺忘”的糟糕體驗。用戶有時候會覺得，自己剛剛瀏覽的網(wǎng)站似乎丟失了，需要重新“翻”回去。
總之，網(wǎng)站布局千變?nèi)f化，但是常用布局也就幾十種。網(wǎng)站設(shè)計者，需要根據(jù)用戶對網(wǎng)站創(chuàng)新的態(tài)度，來為客戶設(shè)計布局，如果客戶想要中規(guī)中矩，就采用常用的布局方式，如果客戶對創(chuàng)新有極大包容，也不妨嘗試新的網(wǎng)站布局。