網(wǎng)頁的版面布局主要指網(wǎng)站主頁的版面布局，其他網(wǎng)頁應(yīng)該與主頁風(fēng)格基本一致。為了達(dá)到最佳的視覺效果，設(shè)計(jì)者應(yīng)考慮布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。設(shè)計(jì)版面布局前先畫出版面的布局草圖，接著對(duì)版面布局進(jìn)行細(xì)化和調(diào)整，反復(fù)調(diào)整后確定最終的布局方案。常見的網(wǎng)頁布局形式有“國”字型、“廠”字型、“框架”型、“封面”型和“Flash"型等。
1、“國”字型布局
網(wǎng)站的主要內(nèi)容，左右分別列出一些欄目，國”字型布局如圖5-3所示。最上面是網(wǎng)站的標(biāo)志，廣告以及導(dǎo)航欄，按下來中間是主要部分，最下部是網(wǎng)站的一些基本網(wǎng)達(dá)的這站構(gòu)足國內(nèi)”地大中到網(wǎng)站第見的有局方式其優(yōu)點(diǎn)是充分利用服面、自路量大:缺點(diǎn)是頁面顯得擁擠、 不夠靈活。
2、 “廠”字型布局
“廠”字型結(jié)構(gòu)布局，是指頁面頂部為標(biāo)志和廣告條，下方左側(cè)為主菜單，右側(cè)顯示正文信息，整體效果類似“廠”字，所以稱之為“廠”字型布局，如圖5-4所示。這是網(wǎng)頁設(shè)計(jì)中使用廣泛的一種布局方式，一般應(yīng)用于企業(yè)網(wǎng)站中的二級(jí)頁面。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明，是初學(xué)者最容易上手的布局方法;缺點(diǎn)是規(guī)矩呆板，如果色彩搭配不當(dāng)，很容易讓人厭煩。
3、 “框架”型布局
“框架”型布局一般分成上下或左右布局，一欄是導(dǎo)航欄目，另一欄是正文信息。復(fù)雜的框架結(jié)構(gòu)可以將頁面分成許多部分，常見的是三欄布局，如圖5-5所示。上邊欄放置圖片廣告，左邊一欄顯示導(dǎo)航欄，右邊顯示正文信息。
4、“封面”型布局
“封面”型布局一般應(yīng)用在網(wǎng)站主頁或者廣告宣傳頁上，為精美的圖片加上簡(jiǎn)單的文字連接，指向網(wǎng)頁中的主要欄目，或通過鏈接到下一個(gè)頁面。網(wǎng)站式新聞動(dòng)態(tài)
1、“國”字型布局
網(wǎng)站的主要內(nèi)容，左右分別列出一些欄目，國”字型布局如圖5-3所示。最上面是網(wǎng)站的標(biāo)志，廣告以及導(dǎo)航欄，按下來中間是主要部分，最下部是網(wǎng)站的一些基本網(wǎng)達(dá)的這站構(gòu)足國內(nèi)”地大中到網(wǎng)站第見的有局方式其優(yōu)點(diǎn)是充分利用服面、自路量大:缺點(diǎn)是頁面顯得擁擠、 不夠靈活。
2、 “廠”字型布局
“廠”字型結(jié)構(gòu)布局，是指頁面頂部為標(biāo)志和廣告條，下方左側(cè)為主菜單，右側(cè)顯示正文信息，整體效果類似“廠”字，所以稱之為“廠”字型布局，如圖5-4所示。這是網(wǎng)頁設(shè)計(jì)中使用廣泛的一種布局方式，一般應(yīng)用于企業(yè)網(wǎng)站中的二級(jí)頁面。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰、主次分明，是初學(xué)者最容易上手的布局方法;缺點(diǎn)是規(guī)矩呆板，如果色彩搭配不當(dāng)，很容易讓人厭煩。
3、 “框架”型布局
“框架”型布局一般分成上下或左右布局，一欄是導(dǎo)航欄目，另一欄是正文信息。復(fù)雜的框架結(jié)構(gòu)可以將頁面分成許多部分，常見的是三欄布局，如圖5-5所示。上邊欄放置圖片廣告，左邊一欄顯示導(dǎo)航欄，右邊顯示正文信息。
4、“封面”型布局
“封面”型布局一般應(yīng)用在網(wǎng)站主頁或者廣告宣傳頁上，為精美的圖片加上簡(jiǎn)單的文字連接，指向網(wǎng)頁中的主要欄目，或通過鏈接到下一個(gè)頁面。網(wǎng)站式新聞動(dòng)態(tài)
本文地址：http://m.heisem.cn/article/7656.html
