很多新手設(shè)計(jì)師設(shè)計(jì)的網(wǎng)頁(yè)一直走不出大框架套小框架的整體頁(yè)面布局方式。好的首頁(yè)布局能瞬間抓住訪客的眼球，能夠讓客戶在第一眼認(rèn)可你的網(wǎng)站。好的頁(yè)面布局能夠清晰的展示你的欄目、信息以及各種頁(yè)面入口。頁(yè)面布局要兼顧企業(yè)想表達(dá)的內(nèi)容和企業(yè)所擁有的資源、素材，也要類比行業(yè)的特征、受眾群體的偏好。

　　這里對(duì)常用的頁(yè)面布局方式進(jìn)行分析和介紹，方便新手設(shè)計(jì)師參考，以跳出單一狹窄的設(shè)計(jì)思路。很多人經(jīng)常會(huì)問(wèn)如何布局這樣的頁(yè)面。實(shí)際上，網(wǎng)頁(yè)的布局并不像想象的那么困難。只要能做到兩件事，基本就不會(huì)慌張。首先要對(duì)給中常見的頁(yè)面布局方法都了解，其次是根據(jù)文案內(nèi)容和設(shè)計(jì)要素的特點(diǎn)進(jìn)行多次不同方式的擺放常識(shí)。以下是企業(yè)站首頁(yè)中經(jīng)常用到的六種布局方法。

一、大套小的布局

　　這是企業(yè)站首頁(yè)最常見的布局方式。這個(gè)布局方式不是不好，只是我們不能一直都使用同一種布局方式來(lái)布局網(wǎng)站吧。當(dāng)然，使用這種布局方式也能設(shè)計(jì)出漂亮的網(wǎng)頁(yè)，但如果要做一個(gè)大氣的網(wǎng)頁(yè)，一般不會(huì)用到這種布局方式，因?yàn)檫@種布局方式阻礙了視野的展開，而大氣往往要求視野開闊。

二，通欄式布局

　　和大套小的布局方式比起來(lái)，因?yàn)檫@種方式?jīng)]有方框的限制，所以讓人感覺更加大氣開闊。此外，主要視覺部分可以根據(jù)實(shí)際情況靈活處理，可以朝頂部位置進(jìn)行向上拓展，也可以朝內(nèi)容區(qū)域進(jìn)行向下拓展。這種布局也是常見的布局方式之一。

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

　　使用這種布局的網(wǎng)頁(yè)也偶爾可以看到，banner下放導(dǎo)航的優(yōu)勢(shì)在于它可以彌補(bǔ)banner中設(shè)計(jì)素材的缺點(diǎn)，使設(shè)計(jì)看起來(lái)自然完整。布局受多種因素影響，不僅需要考慮內(nèi)容信息占用的空間，還需要結(jié)合手里所有的素材進(jìn)行綜合考慮。

四，左中右布局

　　這種布局不常見，所有讓人看上去有新鮮感。如果您厭倦了水平分割設(shè)計(jì)，那么嘗試這種布局也許是一個(gè)不錯(cuò)的選擇。

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

　　此布局看起來(lái)更靈活，橫幅區(qū)域相對(duì)較小，因此您可以在頁(yè)面上放置更多信息。

六，穿插布局

　　在企業(yè)站中更難以看到這種布局。它使用不多，橫幅區(qū)域比較大，可以作為布局選擇。

　　以上六種布局只是一些常見的企業(yè)級(jí)網(wǎng)站頁(yè)面布局，布局的方式千變?nèi)f化。事實(shí)上，布局就像一個(gè)積木。只要您按照左側(cè)和頂部是重要信息，右側(cè)和底部是次要信息進(jìn)行布局都可以。沒(méi)有哪一種布局是適合所有頁(yè)面的，更好的是，只能說(shuō)某個(gè)布局更適合這個(gè)頁(yè)面而已。

　　迅優(yōu)傳媒有專門的策劃部門，有專業(yè)的UI設(shè)計(jì)師，能夠幫助您梳理網(wǎng)站的布局風(fēng)格，不僅對(duì)首頁(yè)進(jìn)行布局設(shè)計(jì)，甚至連分頁(yè)、詳情頁(yè)、彈出頁(yè)面等都幫您進(jìn)行精心的設(shè)計(jì)。