很多(duo)人(ren)常(chang)(chang)常(chang)(chang)詢問某個頁(ye)面該(gai)如(ru)何(he)布(bu)局(ju)(ju)這(zhe)樣的(de)問題，其實企業(ye)網(wang)站(zhan)(zhan)首頁(ye)設(she)(she)計(ji)的(de)布(bu)局(ju)(ju)沒有(you)(you)想象中(zhong)那么難，只要(yao)做到兩點我認為起碼可(ke)以(yi)做到臨陣不慌，一是(shi)對常(chang)(chang)見(jian)的(de)布(bu)局(ju)(ju)方式心中(zhong)有(you)(you)數，二是(shi)根據信息(xi)內容及設(she)(she)計(ji)素材的(de)特點進行擺積木式的(de)多(duo)次嘗試，下(xia)面就讓(rang)會心科技(ji)總結企業(ye)網(wang)站(zhan)(zhan)首頁(ye)設(she)(she)計(ji)的(de)布(bu)局(ju)(ju)方法有(you)(you)哪些？

一、大框套小框的網站布局

這(zhe)(zhe)(zhe)種(zhong)布(bu)局方(fang)式(shi)即(ji)是(shi)我(wo)在上面提到的常見(jian)的網站布(bu)局，不(bu)是(shi)說這(zhe)(zhe)(zhe)種(zhong)網站布(bu)局方(fang)式(shi)一(yi)(yi)無是(shi)處，但我(wo)們(men)總不(bu)能只會(hui)這(zhe)(zhe)(zhe)一(yi)(yi)種(zhong)布(bu)局方(fang)式(shi)，次(ci)次(ci)套用(yong)吧?按照(zhao)這(zhe)(zhe)(zhe)種(zhong)布(bu)局當(dang)然也可以做出來漂(piao)亮的設計(ji)，但畢竟(jing)方(fang)框限制(zhi)的視(shi)線(xian)的擴(kuo)展，如果(guo)客戶(hu)要(yao)求做出大(da)氣的感(gan)覺，一(yi)(yi)般(ban)不(bu)會(hui)按照(zhao)這(zhe)(zhe)(zhe)種(zhong)方(fang)式(shi)來布(bu)局，通常來講，大(da)氣意味(wei)著開闊(kuo)視(shi)野(ye)。

二、通欄布局

這(zhe)種布(bu)局方(fang)式(shi)讓(rang)視線(xian)不再受(shou)到方(fang)框的(de)限制，比(bi)起上(shang)面的(de)布(bu)局方(fang)式(shi)，自(zi)然多(duo)了(le)些大氣、開闊(kuo)的(de)味道來(lai)。另外，主(zhu)視覺部分還可以靈活處理，既可以向(xiang)上(shang)拓展(zhan)到logo和導(dao)航的(de)頂(ding)部位置，也(ye)可以向(xiang)下拓展(zhan)到內容(rong)區域，這(zhe)種布(bu)局方(fang)式(shi)也(ye)是非常常見的(de)布(bu)局方(fang)式(shi)。

三、導(dao)航在(zai)主視覺下方的布(bu)局

這種雖然不(bu)多，但也時不(bu)時能看到，導航(hang)放在banner下面(mian)的(de)(de)好處是可以(yi)彌補banner中設計素(su)材(cai)截斷的(de)(de)缺點(dian)，讓設計看上去(qu)完整、自然。所(suo)以(yi)說(shuo)布局(ju)的(de)(de)方(fang)(fang)式受(shou)到多方(fang)(fang)面(mian)因(yin)素(su)的(de)(de)影響，不(bu)僅考慮到信息(xi)內容所(suo)占據的(de)(de)空間(jian)，還包括你手頭現(xian)有的(de)(de)素(su)材(cai)。

四、左右框架型

左(zuo)右框架型(xing)是一(yi)種左(zuo)右為分別兩頁的框架結構布局，這種類型(xing)業非(fei)常(chang)清晰且(qie)一(yi)幕了然(ran)。一(yi)般左(zuo)側是導航鏈接(jie)，在最上(shang)方有(you)個小標題或標志；右側則是正文(wen)。

五、上下框架型

上下框(kuang)架(jia)型是一(yi)種上下為分別兩頁的(de)框(kuang)架(jia)結(jie)構布局。一(yi)般(ban)上方是導航鏈接(jie)，下方則是正文。

六、封面型

封面(mian)型基本上(shang)是一些網(wang)站(zhan)(zhan)首(shou)頁(ye)的(de)設(she)計(ji)(ji)(ji)布局，大(da)部分出現在企業網(wang)站(zhan)(zhan)首(shou)頁(ye)設(she)計(ji)(ji)(ji)和個人主(zhu)頁(ye)上(shang)。多數是一些精美平面(mian)設(she)計(ji)(ji)(ji)結合一些小的(de)動畫設(she)計(ji)(ji)(ji)，再配上(shang)幾個簡單的(de)鏈接(jie)或是設(she)計(ji)(ji)(ji)一個”進(jin)入“鏈接(jie)，也可(ke)以直接(jie)再網(wang)站(zhan)(zhan)首(shou)頁(ye)圖片上(shang)做鏈接(jie)。

七、對稱對比型

對(dui)稱對(dui)比型(xing)采取左右或上下對(dui)稱的布局，一半深色(se)，一半淺(qian)色(se)，一般用于設計型(xing)網站。而其優點是視覺沖(chong)擊力強，缺點是將兩部分進行有機結合較難。