網(wǎng)頁布局則是重中之重,可以說是一個網(wǎng)站的基礎,更為了吸引用戶,和提高網(wǎng)站的用戶體驗的一個技巧。
在進行網(wǎng)頁設計布局時,網(wǎng)頁內容該如何整合和分布,來達到某種視覺效果?而設計網(wǎng)頁的目的不同,就有不同的網(wǎng)頁布局,那麼網(wǎng)頁設計布局都包括哪些類型呢?以下有幾種常見技巧:
標題內文型
標題正文型在最上方是標題與主畫面;下方則是內文訊息,即文章頁面或注冊頁面等。選單、功能、導覽都極小化,比較常見在論壇或內容型網(wǎng)站。例如時尚雜志CQ,幾乎把選單都精簡化到極致,標題內文搭配超引人矚目的圖片就很棒了。
左右欄位型
左右欄位型是一種左右為分別兩頁的欄位框結構布局,這種類型業(yè)非常清晰且一幕了然。一般左側是導航鏈結,在最上方有個小標題或標志;右側則是正文。早期的網(wǎng)站非常推崇這樣的布局,如今比較常用于政府機關或入口網(wǎng)站。
入口網(wǎng)站型
一般的大型網(wǎng)站,為了要將功能、服務、廣告一覽無遺,充分利用網(wǎng)頁的每一個空間,通常也會稱之為「ㄇ字型」布局。網(wǎng)頁上方是網(wǎng)站標題和橫幅廣告條,然后是網(wǎng)站內容,左右則是功能項目與廣告等,例如雅虎仍是此布局的最佳范例。
拐角型
拐角型與ㄇ字型設計很相近,只是有些設計上的變化,網(wǎng)頁上方是網(wǎng)站標題和廣告橫幅;然后左側是一窄列鏈結或導航鏈結,右側是網(wǎng)站正文。通常會用在內容也十分豐富的政府部門網(wǎng)站、電子商務網(wǎng)站。
上下框架型
當你的網(wǎng)站需要很多展示空間,框架是一個可以考慮的方式,上下框架型是一種上下,為分別兩頁的框架結構布局,一般上方是選單與導覽,下方則是內文與圖片,常用于新聞媒體網(wǎng)站或購物網(wǎng)站。
封面型
封面型是形象網(wǎng)站、形象網(wǎng)站最愛用的布局。最常見的應用是搭配一張主圖,并搭配少許文字打造首頁視覺,有時結合一些小的動畫設計,就能做出一個很有氣勢的網(wǎng)站。這種網(wǎng)站布局能夠缺乏內容與服務的網(wǎng)站,卻又能夠維持一定的視覺水平。
開場動畫型
有些網(wǎng)站鼓勵用戶先觀看一段影片,后進入網(wǎng)站觀看完整體驗,例如早期的Flash網(wǎng)頁設計就是如此。這樣的概念其實仍常常應用于今日的網(wǎng)頁設計,例如一頁式的網(wǎng)站,先邀請用戶觀看動畫,再導引入商城內,效果顯著。
內容為王型
舍棄多余標題、選單、動畫特效,以內容為主,當鼠標卷到底下就會自動讀取更多內容,一般用于新聞媒體、傳播媒體、娛樂等網(wǎng)站。優(yōu)點是人們會不斷想知道更多內容下滑頁面,達到留住客戶的目的。