很多人常常詢(xún)問(wèn)某個(gè)頁(yè)面該如何布局這樣的問(wèn)題，其實(shí)企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)的布局沒(méi)有想象中那么難，只要做到兩點(diǎn)我認(rèn)為起碼可以做到臨陣不慌，一是對(duì)常見(jiàn)的布局方式心中有數(shù)，二是根據(jù)信息內(nèi)容及設(shè)計(jì)素材的特點(diǎn)進(jìn)行擺積木式的多次嘗試，下面就讓我總結(jié)的企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)的布局方法有哪些？

一、大框套小框的網(wǎng)站布局

這種布局方式即是我在上面提到的常見(jiàn)的網(wǎng)站布局，不是說(shuō)這種網(wǎng)站布局方式一無(wú)是處，但我們總不能只會(huì)這一種布局方式，次次套用吧?按照這種布局當(dāng)然也可以做出來(lái)漂亮的設(shè)計(jì)，但畢竟方框限制的視線(xiàn)的擴(kuò)展，如果客戶(hù)要求做出大氣的感覺(jué)，一般不會(huì)按照這種方式來(lái)布局，通常來(lái)講，大氣意味著開(kāi)闊視野。

二、通欄布局

這種布局方式讓視線(xiàn)不再受到方框的限制，比起上面的布局方式，自然多了些大氣、開(kāi)闊的味道來(lái)。另外，主視覺(jué)部分還可以靈活處理，既可以向上拓展到logo和導(dǎo)航的頂部位置，也可以向下拓展到內(nèi)容區(qū)域，這種布局方式也是非常常見(jiàn)的布局方式。

三、導(dǎo)航在主視覺(jué)下方的布局

這種雖然不多，但也時(shí)不時(shí)能看到，導(dǎo)航放在banner下面的好處是可以彌補(bǔ)banner中設(shè)計(jì)素材截?cái)嗟娜秉c(diǎn)，讓設(shè)計(jì)看上去完整、自然。所以說(shuō)布局的方式受到多方面因素的影響，不僅考慮到信息內(nèi)容所占據(jù)的空間，還包括你手頭現(xiàn)有的素材。

四、左右框架型

左右框架型是一種左右為分別兩頁(yè)的框架結(jié)構(gòu)布局，這種類(lèi)型業(yè)非常清晰且一幕了然。一般左側(cè)是導(dǎo)航鏈接，在最上方有個(gè)小標(biāo)題或標(biāo)志；右側(cè)則是正文。

五、上下框架型

上下框架型是一種上下為分別兩頁(yè)的框架結(jié)構(gòu)布局。一般上方是導(dǎo)航鏈接，下方則是正文。

六、封面型

封面型基本上是一些網(wǎng)站首頁(yè)的設(shè)計(jì)布局，大部分出現(xiàn)在企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)和個(gè)人主頁(yè)上。多數(shù)是一些精美平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫(huà)設(shè)計(jì)，再配上幾個(gè)簡(jiǎn)單的鏈接或是設(shè)計(jì)一個(gè)”進(jìn)入“鏈接，也可以直接再網(wǎng)站首頁(yè)圖片上做鏈接。

七、對(duì)稱(chēng)對(duì)比型

對(duì)稱(chēng)對(duì)比型采取左右或上下對(duì)稱(chēng)的布局，一半深色，一半淺色，一般用于設(shè)計(jì)型網(wǎng)站。而其優(yōu)點(diǎn)是視覺(jué)沖擊力強(qiáng)，缺點(diǎn)是將兩部分進(jìn)行有機(jī)結(jié)合較難。

網(wǎng)頁(yè)題目：企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)的布局方法有哪些？
本文URL：http://jinyejixie.com/news32/70782.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、靜態(tài)網(wǎng)站、App設(shè)計(jì)、虛擬主機(jī)、云服務(wù)器、網(wǎng)站設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)