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

左中右布局的原理和利弊

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

上中下布局的原理和利弊

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

通欄式布局

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

插入式布局

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

分層式布局

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