企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)常見的6種布局方式

日期：2017-01-04

企業(yè)網(wǎng)站首頁(yè)設(shè)計(jì)常見的6種布局方式

把企業(yè)站常用的頁(yè)面布局方式總結(jié)一下，讓大家包括我自己全面的了解一下企業(yè)站的常見布局方式，做到對(duì)此種類型的網(wǎng)站布局心中有數(shù)，跳出狹隘、單一的設(shè)計(jì)思路，于是就有了這篇文章。很多人常常詢問某個(gè)頁(yè)面該如何布局這樣的問題，其實(shí)網(wǎng)頁(yè)布局也沒有想象中那么難，只要做到兩點(diǎn)我認(rèn)為起碼可以做到臨陣不慌，一是對(duì)常見的布局方式心中有數(shù)，二是根據(jù)信息內(nèi)容及設(shè)計(jì)素材的特點(diǎn)進(jìn)行擺積木式的多次嘗試�；畈欢嗾f，下面就是我總結(jié)的企業(yè)站首頁(yè)常用到的布局方法，共有六種。

一、大框套小框的布局

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

二、通欄布局

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

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

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

四、左中右布局

這種布局方式不常見到，但卻是非常富有新鮮感的布局方式，如果你已經(jīng)做膩歪了水平分割的設(shè)計(jì)，嘗試一下這種布局也未嘗不是一種好的選擇。

五、環(huán)繞式布局

這種布局方式看上去更加靈活，banner區(qū)域相對(duì)較小，就可以在頁(yè)面放置更多的信息內(nèi)容。

六、穿插式布局

這種布局在企業(yè)站中較難看到，用的不多，banner區(qū)域相對(duì)較大，可以作為一種布局的選擇。

上面的六種布局方式只是一些常見的企業(yè)類網(wǎng)站頁(yè)面布局，布局的方式還有更多。實(shí)際上，布局就像是擺積木，只要遵循重要信息靠左、靠上，次要信息靠右、靠下的原則即可，并沒有規(guī)定一定要怎么布局，或者這種布局方式要比那種更好，只能說某種布局方式更為合適某個(gè)頁(yè)面而已。所以，大家多做嘗試，從你手頭正在做的項(xiàng)目開始，嘗試一下不同的布局方式，給你的設(shè)計(jì)增加一些創(chuàng)意和新鮮感。

成都網(wǎng)站建設(shè)公司（http://www.hahazhuan.cn/）為企業(yè)提供一站式網(wǎng)站服務(wù)及網(wǎng)絡(luò)營(yíng)銷服務(wù)。服務(wù)項(xiàng)目涵蓋：高端網(wǎng)站建設(shè)、企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、成都建網(wǎng)站、成都網(wǎng)站制作、成都網(wǎng)站優(yōu)化、電子商城網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)及網(wǎng)頁(yè)制作；成都微店制作，成都微站制作，成都微信網(wǎng)站制作，微店鋪制作，微商城，微信營(yíng)銷，app制作，手機(jī)app制作，APP制作開發(fā)等。

　 成都建網(wǎng)站就找專業(yè)網(wǎng)站建設(shè)公司——四川明騰信息技術(shù)有限公司，全國(guó)免費(fèi)咨詢熱線：400-8081601

文章由四川明騰網(wǎng)絡(luò)成都網(wǎng)站建設(shè)編制整理，轉(zhuǎn)載標(biāo)明出處。