在群裡(lǐ)和(hé)大(dà)家(jiā)÷λ∞"交流時(shí)，看(kàn)到(dào)¥♥✘太多(duō)的(de)網頁設計(jì)師(shī)發布企業(yè)站←✔α✘(zhàn)的(de)個(gè)人(rén)作(zuò)品，設計(jì)中總是(sh↓♥‌ì)擺脫不(bù)了(le)大(dà)框套小(xi∞♥וǎo)框的(de)設計(jì)布局思路(lù)，不(bù)加思索•®&的(de)跳(tiào)入單一(yī)的(de)網頁布局形式中，于是(shì)↑•₹就(jiù)有(yǒu)了(le)把企業(yè)站(zhàn)常用(yòng)的(de€<¶÷)頁面布局方式總結一(yī)下(xià)的(de)想法，讓大(dà)家(jiā)包括我自(×↕zì)己全面的(de)了(le)解一(yī)下(xià)企業(yè®φ∞)站(zhàn)的(de)常見(jiàn)布局方 β↔式，做(zuò)到(dào)對(duì)此種類型的(d←✔>e)網站(zhàn)布局心中有(yǒu)數(shù)，跳(tiào)出狹隘、單一(yī)的λ≈©♦(de)設計(jì)思路(lù)，于是(shì)就(j≈♣↓iù)有(yǒu)了(le)這(zhè)篇文(wén)章(™β♣‍zhāng)。很(hěn)多(duō)人(rén)常常詢問(wèn)某β<₹€個(gè)頁面該如(rú)何布局這(zhè)樣的(de)問(wèn)題，‌₹☆≤其實網頁布局也(yě)沒有(yǒu)想象中那(n•×à)麽難，隻要(yào)做(zuò)到(dào)兩點我認為(wèi)起碼可(kě)以做(zuò)到↕"(dào)臨陣不(bù)慌，一(yī)是(shì)對(duì)常見(jiàn)的(dα Ωe)布局方式心中有(yǒu)數(shù)，二是(shì)根據信息內(nèi)✘σ₩©容及設計(jì)素材的(de)特點進行(xíng)擺積木(mù)式的(de)多(duō)次嘗試。活♣'Ω§不(bù)多(duō)說(shuō)，下÷ ↓(xià)面就(jiù)是(shì)我總結的(de)企業(yè)站(zhàn)首頁常用(€&£yòng)到(dào)的(de)布局方法，共有(yǒu)六種。

一(yī)、大(dà)框套小(xiǎo)框的(de)布局

這(zhè)種布局方式即是(shì)我在上(shàng)面提到(dào)的(de)常見(jiπ>✘≤àn)的(de)布局，不(bù)是(shì)說(≈•shuō)這(zhè)種布局方式一(yī)無是(shì)處，但(dàn)我們總不(bù↔<✘)能(néng)隻會(huì)這(zhè)一(yī)種布𕮀局方式，次次套用(yòng)吧(ba)?按照(zhào)這✘ φ®(zhè)種布局當然也(yě)可(kě)以做(zuò)出來(lái)漂亮✘φ(liàng)的(de)設計(jì)，但(dàn)畢竟±♣方框限制(zhì)的(de)視(shì)線的(de)擴展，如(rú♣σ)果客戶要(yào)求做(zuò)出大(dà)氣的(de)感覺，π↓φ↔一(yī)般不(bù)會(huì)按照(→★€zhào)這(zhè)種方式來(lái)布局，通(tōng)常來 ↓(lái)講，大(dà)氣意味著(zhe)開(k♦☆σāi)闊視(shì)野。

先誠科(kē)技(jì)

二、通(tōng)欄布局

這(zhè)種布局方式讓視(shì)線不(bù)再受到(dào)方框的(de)限制(zhì)，比€∞€起上(shàng)面的(de)布局方式，自(zì)然多×♦(duō)了(le)些(xiē)大(dà)氣、開(kāi)闊的(de)味道(dào)來(lái)δ•≤↓。另外(wài)，主視(shì)覺部分(fēn) ‌還(hái)可(kě)以靈活處理(lǐ)，既可(kě)以向上(shàε≈↑ng)拓展到(dào)logo和(hé)導‌₹÷航的(de)頂部位置，也(yě)可(kě)以向下(xià)拓展δ<到(dào)內(nèi)容區(qū)域，這(zhè)種布局方>≈™↕式也(yě)是(shì)非常常見(jiàn)的(de)布局÷€±方式。

先誠科(kē)技(jì)

三、導航在主視(shì)覺下(xià)方的(de)布局

這(zhè)種雖然不(bù)多(duō)，但(dàn)也(yě)時(shí)φα→δ不(bù)時(shí)能(néng)看(kàn)到(dào)，導航放(fàng)在banner•™α≈下(xià)面的(de)好(hǎo)處是(shì)可(kě)以彌補banner中設計(jì↕♥→σ)素材截斷的(de)缺點，讓設計(jì)看(kàn)φ↔→↑上(shàng)去(qù)完整、自(zì)然♦♠•。所以說(shuō)布局的(de)方式受到(dào)多(duō)方₽→面因素的(de)影(yǐng)響，不(bù)僅考慮到(dào)信息內(nèi)容所占據的(de)空÷→↓≤(kōng)間(jiān)，還(hái)₽↕包括你(nǐ)手頭現(xiàn)有(yǒu)的(de)素材。

先誠科(kē)技(jì)

四、左中右布局

這(zhè)種布局方式不(bù)常見(jiàn)到(dào)，但(dàn)卻是(shì)Ω≈β非常富有(yǒu)新鮮感的(de)布局方式，如(rú)果你(nǐ)已經做(zα↑♣‍uò)膩歪了(le)水(shuǐ)平分(fēn)割的©ε♦(de)設計(jì)，嘗試一(yī)下(xià)這(zhè)種布局也(yě)未嘗不("‍✔Ωbù)是(shì)一(yī)種好(hǎo)的(de)選擇£♣。

先誠科(kē)技(jì)

五、環繞式布局

這(zhè)種布局方式看(kàn)上(shàng)去(qù)更加αφ÷↕靈活，banner區(qū)域相(xiàng)對(duì)較小(xiǎo)，就↕β(jiù)可(kě)以在頁面放(fàng)置更多(duō)的(de☆¥β)信息內(nèi)容。

先誠科(kē)技(jì)

六、穿插式布局

這(zhè)種布局在企業(yè)站(zhàn)中較難看(kàn)®↔到(dào)，用(yòng)的(de)不(bù)多(duō)，banner區(qū)域相(xià≤δ♣"ng)對(duì)較大(dà)，可(kě)以作(zuò)為(wèi)一(yī)ε$種布局的(de)選擇。

先誠科(kē)技(jì)

上(shàng)面的(de)六種布局方式隻是(shì∏£¶₩)一(yī)些(xiē)常見(jiàn)的(d"<→Ωe)企業(yè)類網站(zhàn)頁面布局，布局的(de)方式還(hái)有(yǒu)更多(du∑<♠ō)。實際上(shàng)，布局就(jiù)像是(shì)擺積木(mù)，隻要(yào)遵循重♦≥δ>要(yào)信息靠左、靠上(shàng)，次要(yào)信息靠右、靠下(xià)的(de)αγ原則即可(kě)，并沒有(yǒu)規定一(yī)定要(yào)怎麽布局，或∞♣™者這(zhè)種布局方式要(yào)比那(nà)種更好(hǎo)，隻能(néng™γ←>)說(shuō)某種布局方式更為(wèi)合适某個(gè)頁面而已。所以，大(dà)家(ji® ā)多(duō)做(zuò)嘗試，從(cóng)你(nǐ)手頭正在做(zuò ↔λ×)的(de)項目開(kāi)始，嘗試一(yī)下(xià)不(bù) φ×同的(de)布局方式，給你(nǐ)的(de)設計(jì)增加一(yī)些(xiē)創意÷☆β和(hé)新鮮感。