網(wǎng)站布局是網(wǎng)站建設需要去思考和嘗試的工作之一。布局如同搭積木,將網(wǎng)站不同模塊,進行組合。這樣組成而成的模型各種各樣,但是還要考慮到瀏覽習慣、 主次區(qū)分等等因素,實際上,通用的網(wǎng)站布局類型是有限的。“常見的網(wǎng)站布局不超過十種。”方維網(wǎng)絡一位建站人員說道。方維網(wǎng)路是一家位于深圳地區(qū)的建站公司。
根據(jù)方維網(wǎng)絡的經(jīng)驗,每一種常見的網(wǎng)站布局模式都有其原理,但是也有其利弊。
左中右布局的原理和利弊
左中右這種布局方式其實來自于傳統(tǒng)模式,包括報紙、紙媒等等。左中右布局的原理是,第一,這種布局方式符合人們既定的從左至右閱讀習慣,并且可以讓重要內(nèi)容平行排列,獲得最優(yōu)的展示效果。第二,左中右的布局方便排版,特別是在紙媒時代,豆腐塊的排版方式,可以對文章篇幅有所限制。
目前,采取左中右布局的主要是新聞網(wǎng)站。例如騰訊網(wǎng)站、網(wǎng)易這樣的門戶,都采取這種布局。
“企業(yè)網(wǎng)站采取左中右的布局,其實不太合適。一是因為企業(yè)的信息少,無需考慮版面有限的問題;二是企業(yè)需要重點突出地宣傳,左中右布局無法突出重點。”方維網(wǎng)絡一位建站策劃人員認為。
上中下布局的原理和利弊
如果說左中右符合閱讀紙媒的習慣,上中下就符合屏幕閱讀的習慣。因為鼠標的滾動是上行運行的,特別是在智能手機出現(xiàn)之后,上下閱讀的習慣被進一步強化。
所以,目前新改版的企業(yè)網(wǎng)站,多選擇上中下布局方式。上部是導航欄、中部是內(nèi)容、下部是頁腳。
以響應式網(wǎng)站來說,都采取了上中下的布局模式,在移動媒體上,這種布局方式也被稱之為“流動式布局”“瀑布流布局”。
通欄式布局
這種布局方式是因為寬頻的出現(xiàn)而伴隨出現(xiàn)的。當屏幕更寬之后,網(wǎng)站兩旁出現(xiàn)更多的留白,讓網(wǎng)站顯得很突兀。通欄式布局,就是讓網(wǎng)站的導航、背景與屏幕的邊緣接壤,這樣給用戶的感覺是——網(wǎng)站和電腦屏幕融為一體。
為了強化這種“融合”的效果,響應式網(wǎng)站的背景傾向于采用暗色系,例如黑色、深藍,而不是明色系。包括蘋果、華為等科技網(wǎng)站,都選擇了暗色。
插入式布局
這種布局在曾經(jīng)也是比較流行。指的是網(wǎng)站的banner插入到網(wǎng)站的某一區(qū)域,通常是中部、上部等“高亮區(qū)域”。而網(wǎng)站的其它部分在banner的周邊進行排列。有的網(wǎng)站甚至不惜將導航移動到左邊,或者采取豎排、斜線排列的方式,以此來迎合插入的廣告。
在一些非??粗貭I銷活動的企業(yè)網(wǎng)站中,這種布局方式可以將用戶注意力吸引到廣告上,可以引發(fā)用戶的沖動型消費。
分層式布局
不少網(wǎng)站會采用分層式布局,分層,即是一種布局方式,也是一種展示效果。采用分層式布局,在電腦端瀏覽似乎并不佳,需要大幅度滾動鼠標,增加使用難度。但是在手機和平板上,似乎效果不錯,有一種“翻閱”的感受。
這種分層式布局也有一種弊端,給用戶造成“遺忘”的糟糕體驗。用戶有時候會覺得,自己剛剛瀏覽的網(wǎng)站似乎丟失了,需要重新“翻”回去。
總之,網(wǎng)站布局千變?nèi)f化,但是常用布局也就幾十種。網(wǎng)站設計者,需要根據(jù)用戶對網(wǎng)站創(chuàng)新的態(tài)度,來為客戶設計布局,如果客戶想要中規(guī)中矩,就采用常用的布局方式,如果客戶對創(chuàng)新有極大包容,也不妨嘗試新的網(wǎng)站布局。