网站布局□□□□是网站建□□□□设需要去◈思考和尝□□□试的工作·之一。布局如同※搭积木，将网站不▼同模块，进行组合。这样组成◇而成的模□□型各种各▲样，但是还要◇考虑到浏□□□览习惯、 主次区分□□□等等因素，实际上，通用的网□□□站布局类◉型是有限□□□□的。“常见的网□□站布局不□□□超过十种。”OETY欧亿□□□□一位建站▽人员说道。OETY欧亿网路♦是一家位□□于深圳地区的建□□□□站公司。
根据OETY欧亿的经□□□验，每一种常□□见的网站□□布局模式●都有其原❖理，但是也有□□□□其利弊。

左中右布局的原理和利弊

左中右这□□□种布局方□□□式其实来□□□□自于传统□□模式，包括报纸、纸媒等等。左中右布·局的原理▼是，第一，这种布局□□□□方式符合□□□人们既定◎的从左至•右阅读习□□□惯，并且可以▽让重要内▽容平行排□□列，获得最优★的展示效□□□□果。第二，左中右的□□布局方便□□□□排版，特别是在□□纸媒时代，豆腐块的·排版方式，可以对文♦章篇幅有□□□□所限制。
目前，采取左中□□□□右布局的☆主要是新□□□闻网站。例如腾讯◢网站、网易这样◥的门户，都采取这·种布局。
“企业网站□□采取左中□□□右的布局，其实不太□□□□合适。一是因为□□□企业的信□□息少，无需考虑△版面有限□□□的问题；二是企业□□□□需要重点□□□突出地宣●传，左中右布□□□局无法突✦出重点。”OETY欧亿□□□□一位建站□□□□策划人员□□□认为。

上中下布局的原理和利弊

如果说左中右符合阅读纸媒的习惯，上中下就符合屏幕阅读的习惯。因为鼠标的滚动是上行运行的，特别是在智能手机出现之后，上下阅读的习惯被进一步强化。
所以，目前新改□□□□版的企业□□□□网站，多选择上○中下布局□□方式。上部是导□□航栏、中部是内□□容、下部是页□□脚。
以响应式★网站来说，都采取了□□□□上中下的□□布局模式，在移动媒□□□体上，这种布局□□□□方式也被丨称之为“流动式布◈局”“瀑布流布□□□□局”。

通栏式布局

这种布局♦方式是因△为宽频的□□出现而伴◢随出现的。当屏幕更□□□□宽之后，网站两旁□□□出现更多□□□□的留白，让网站显□□□得很突兀。通栏式布▲局，就是让网□□□站的导航、背景与屏□□□幕的边缘△接壤，这样给用□□□户的感觉♦是——网站和电☆脑屏幕融□□□为一体。
为了强化□□这种“融合”的效果，响应式网□□□站的背景□□倾向于采□□□□用暗色系，例如黑色、深蓝，而不是明□□□色系。包括苹果、华为等科□□技网站，都选择了□□□暗色。

插入式布局

这种布局•在曾经也□□□□是比较流◉行。指的是网□□站的banner插入到网○站的某一□□□□区域，通常是中□□□□部、上部等“高亮区域”。而网站的※其它部分▽在banner的周边进□□□□行排列。有的网站□□甚至不惜□□□将导航移●动到左边，或者采取□□□□竖排、斜线排列□□□□的方式，以此来迎□□□□合插入的❖广告。
在一些非丨常看重营□□□□销活动的□□企业网站□□□中，这种布局□□□方式可以□□将用户注□□意力吸引□□□□到广告上，可以引发□□用户的冲□□□□动型消费。

分层式布局

不少网站会采用分层式布局，分层，即是一种布局方式，也是一种展示效果。采用分层式布局，在电脑端浏览似乎并不佳，需要大幅度滚动鼠标，增加使用难度。但是在手机和平板上，似乎效果不错，有一种“翻阅”的感受。
这种分层▲式布局也◇有一种弊□□□□端，给用户造□□□□成“遗忘”的糟糕体◇验。用户有时□□□候会觉得，自己刚刚✦浏览的网□□□□站似乎丢□□失了，需要重新“翻”回去。
总之，网站布局□□千变万化，但是常用□□布局也就□□几十种。网站设计♦者，需要根据□□□用户对网□□□站创新的□□□□态度，来为客户□□□设计布局，如果客户❖想要中规□□□中矩，就采用常※用的布局□□□方式，如果客户□□□□对创新有□□极大包容，也不妨尝□□试新的网□□□站布局。