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

一、大框套小框的網(wǎng)站布局
這種布局方式即是我在上面提到的常見(jiàn)的企業(yè)網(wǎng)站布局，不是說(shuō)這種網(wǎng)站布局方式一無(wú)是處，但我們總不能只會(huì)這一種布局方式，次次套用吧?按照這種布局當(dāng)然也可以做出來(lái)漂亮的設(shè)計(jì)，但畢竟方框限制的視線的擴(kuò)展，如果客戶(hù)要求做出大氣的感覺(jué)，一般不會(huì)按照這種方式來(lái)布局，通常來(lái)講，大氣意味著開(kāi)闊視野。
二、通欄布局
這種布局方式讓視線不再受到方框的限制，比起上面的布局方式，自然多了些大氣、開(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)有的素材。
四、左中右布局
這種布局方式不常見(jiàn)到，但卻是非常富有新鮮感的布局方式，如果你已經(jīng)做膩歪了水平分割的設(shè)計(jì)，嘗試一下這種布局也未嘗不是一種好的選擇。
五、環(huán)繞式布局
這種布局方式看上去更加靈活，banner區(qū)域相對(duì)較小，就可以在頁(yè)面放置更多的信息內(nèi)容。
六、穿插式布局
這種布局在企業(yè)建站中較難看到，用的不多，banner區(qū)域相對(duì)較大，可以作為一種布局的選擇。