在群裡(lǐ)和大家交流時，看到太多的網頁設計師發(fā)布企業站的個人作品，設計中總是擺脫不了大框套小框的設計布局思路，不加思索的跳入單一的網頁布局形式中，于是就有了把企業站常用的頁面(miàn)布局方式總結一下的想法，讓大家包括我自己全面(miàn)的了解一下企業站的常見布局方式，做到對(duì)此種(zhǒng)類型的網站布局心中有數，跳出狹隘、單一的設計思路，于是就有了這(zhè)篇文章。很多人常常詢問某個頁面(miàn)該如何布局這(zhè)樣(yàng)的問題，其實網頁布局也沒(méi)有想象中那麼(me)難，隻要做到兩(liǎng)點我認爲起(qǐ)碼可以做到臨陣不慌，一是對(duì)常見的布局方式心中有數，二是根據信息内容及設計素材的特點進(jìn)行擺積木式的多次嘗試。活不多說，下面(miàn)就是我總結的企業站首頁常用到的布局方法，共有六種(zhǒng)。

一、大框套小框的布局

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

先誠科技

二、通欄布局

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

先誠科技

三、導航在主視覺下方的布局

這(zhè)種(zhǒng)雖然不多，但也時不時能(néng)看到，導航放在banner下面(miàn)的好(hǎo)處是可以彌補banner中設計素材截斷的缺點，讓設計看上去完整、自然。所以說布局的方式受到多方面(miàn)因素的影響，不僅考慮到信息内容所占據的空間，還(hái)包括你手頭現有的素材。

先誠科技

四、左中右布局

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

先誠科技

五、環繞式布局

這(zhè)種(zhǒng)布局方式看上去更加靈活，banner區域相對(duì)較小，就可以在頁面(miàn)放置更多的信息内容。

先誠科技

六、穿插式布局

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

先誠科技

上面(miàn)的六種(zhǒng)布局方式隻是一些常見的企業類網站頁面(miàn)布局，布局的方式還(hái)有更多。實際上，布局就像是擺積木，隻要遵循重要信息靠左、靠上，次要信息靠右、靠下的原則即可，并沒(méi)有規定一定要怎麼(me)布局，或者這(zhè)種(zhǒng)布局方式要比那種(zhǒng)更好(hǎo)，隻能(néng)說某種(zhǒng)布局方式更爲合适某個頁面(miàn)而已。所以，大家多做嘗試，從你手頭正在做的項目開(kāi)始，嘗試一下不同的布局方式，給你的設計增加一些創意和新鮮感。