網(wǎng)站的布局并不是在圖紙上畫幾條線這么簡(jiǎn)單，需要充分考慮每個(gè)區(qū)的內(nèi)容形式。比如文本的寬度是否適合閱讀等問題就會(huì)直接影響到布局形式。而在首頁(yè)的布局上，也會(huì)有很多不同的內(nèi)容來(lái)影響布局。比如圖片的分布是否過(guò)于集中，或是過(guò)于松散。還有就是上面所提到的通過(guò)等比的方式來(lái)表示內(nèi)容是同級(jí)或是相似。

通過(guò)上面的十六個(gè)布局我們可以擴(kuò)展出更多的布局形式。通過(guò)增加區(qū)塊、通過(guò)不同的區(qū)塊比例關(guān)系，來(lái)產(chǎn)生不同的布局應(yīng)用。而布局絕對(duì)影響網(wǎng)站的整體效果，而最重要的因素就在于布局這些區(qū)塊的比例上。我在上次的“淺談布局”談到“黃金分割比”、“九宮格”通常黃金分割計(jì)算起來(lái)比較麻煩，我個(gè)人是比較喜歡用九宮格，因?yàn)橹灰痉暇艑m的四個(gè)核心點(diǎn)就可以了，不必要深究。所以我們看，上圖的左右布局如果是平分的話很顯然就不明重心，而我們通常的做法是一邊大一邊小，而這個(gè)大小的比例一般是不超過(guò)1:3的，一般是在1:1.5以上與1:3之間。

在內(nèi)容頁(yè)的布局中比例一般都比較大，為的就是讓內(nèi)容閱讀更容易，但是內(nèi)容的寬度也應(yīng)該有一個(gè)度，不能很寬，一般在25~30個(gè)漢字或是40~45個(gè)字母為比較合適。過(guò)寬或是過(guò)過(guò)窄都會(huì)讓閱讀者產(chǎn)生視覺疲勞。(關(guān)于文本排版的細(xì)節(jié)可以參見:“淺談文本排版”)如果是左中右的結(jié)構(gòu)那么這個(gè)比例關(guān)系就更為有意思，在大布局中一般不會(huì)采用三等份的布局，而在于小布局中會(huì)常常使用，用等寬來(lái)表示內(nèi)容是同級(jí)的或是相似的。那么在大布局中，隨著1024分辨率的普及，左中右結(jié)構(gòu)也可以擴(kuò)展成為四欄甚至是五欄。在多欄的布局中，可以使用一個(gè)大欄二到三個(gè)同寬小欄的布局方式，這里的同寬小欄的總寬要可以比大欄的寬度大一點(diǎn)或是小一點(diǎn)，或是等寬。當(dāng)然也會(huì)有一些其它的布局比例，大家可以在具體的形式可以在實(shí)踐中自行的調(diào)整看一下感覺。

而上下或是上中下的比例就比較特別，與左右或是左中右的有很大的不同。上下的比例需要考慮到第一屏的顯示效果問題，現(xiàn)在1024分辨率的普及使得網(wǎng)站的高度顯示被拉長(zhǎng)。原來(lái)800下的顯示高度大約在450PX左右，而現(xiàn)在已經(jīng)可以達(dá)到620PX左右。所以我們需要在第一屏顯示什么樣的內(nèi)容?一般最重要，最想要瀏覽者注意的當(dāng)然要在第一屏顯示出來(lái)。而一般來(lái)講上中下的比例就是在這么長(zhǎng)的屏中的比例。在大布局中的下面基本上是版權(quán)信息之類的，而上面主要是標(biāo)志與導(dǎo)航或是BANNER所以上下的所占的比重不應(yīng)很大，而重點(diǎn)是在頁(yè)面的中間。

以上就是今天給大家的做網(wǎng)站的總結(jié)，希望對(duì)大家的設(shè)計(jì)有所幫助，歡迎大家到美七教育來(lái)免費(fèi)試學(xué)，免費(fèi)試學(xué)一周不收取任何費(fèi)用。

請(qǐng)聯(lián)系網(wǎng)站客服，了解詳細(xì)的優(yōu)惠課程信息~

優(yōu)質(zhì)、權(quán)威、便捷、省心