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