首頁 部落格 網頁設計佈局包括哪些類型?
Jericho
Feb 22, 2022
網路、科技、滿滿的新知在浩瀚的網路上,想要得到他嗎?沒問題,永遠抱持著謙卑的態度,自然會找到方案!

網頁設計佈局包括哪些類型?

網頁佈局則是重中之重,可以說是一個網站的基礎,更為了吸引用戶,和提高網站的用戶體驗的一個技巧。

在進行網頁設計佈局時,網頁內容該如何整合和分佈,來達到某種視覺效果?而設計網頁的目的不同,就有不同的網頁佈局,那麽網頁設計佈局都包括哪些類型呢?以下有幾種常見技巧:

 

標題內文型

標題正文型在最上方是標題與主畫面;下方則是內文訊息,即文章頁面或註冊頁面等。選單、功能、導覽都極小化,比較常見在論壇或內容型網站。例如時尚雜誌CQ,幾乎把選單都精簡化到極致,標題內文搭配超引人矚目的圖片就很棒了。

 

左右欄位型

左右欄位型是一種左右為分別兩頁的欄位框結構佈局,這種類型業非常清晰且一幕了然。一般左側是導航鏈結,在最上方有個小標題或標誌;右側則是正文。早期的網站非常推崇這樣的佈局,如今比較常用於政府機關或入口網站。

 

入口網站型

一般的大型網站,為了要將功能、服務、廣告一覽無遺,充分利用網頁的每一個空間,通常也會稱之為「ㄇ字型」佈局。網頁上方是網站標題和橫幅廣告條,然後是網站內容,左右則是功能項目與廣告等,例如雅虎仍是此佈局的最佳範例。

 

拐角型

拐角型與ㄇ字型設計很相近,只是有些設計上的變化,網頁上方是網站標題和廣告橫幅;然後左側是一窄列鏈結或導航鏈結,右側是網站正文。通常會用在內容也十分豐富的政府部門網站、電子商務網站。

上下框架型

當你的網站需要很多展示空間,框架是一個可以考慮的方式,上下框架型是一種上下,為分別兩頁的框架結構佈局,一般上方是選單與導覽,下方則是內文與圖片,常用於新聞媒體網站或購物網站。

 

封面型

封面型是形象網站、形象網站最愛用的佈局。最常見的應用是搭配一張主圖,並搭配少許文字打造首頁視覺,有時結合一些小的動畫設計,就能做出一個很有氣勢的網站。這種網站佈局能夠缺乏內容與服務的網站,卻又能夠維持一定的視覺水準。

 

開場動畫型

有些網站鼓勵用戶先觀看一段影片,後進入網站觀看完整體驗,例如早期的Flash網頁設計就是如此。這樣的概念其實仍常常應用於今日的網頁設計,例如一頁式的網站,先邀請用戶觀看動畫,再導引入商城內,效果顯著。

 

內容為王型

捨棄多餘標題、選單、動畫特效,以內容為主,當滑鼠捲到底下就會自動讀取更多內容,一般用於新聞媒體、傳播媒體、娛樂等網站。優點是人們會不斷想知道更多內容下滑頁面,達到留住客戶的目的。

網頁設計過程中如何做好色彩搭配
網頁設計過程中如何做好色彩搭配
Jericho
Jericho
Mar 27, 2024
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
為何要製作RWD (Responsive Web Design) 響應式網站設計?有什麼優點和缺點?
Jericho
Jericho
Mar 20, 2024
網站設計思路:創造令人愉悅的用戶體驗
網站設計思路:創造令人愉悅的用戶體驗
Jericho
Jericho
Mar 15, 2024