首頁 部落格 什麼是適應式網頁設計(AWD)?
Ryan
Feb 17, 2016
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

什麼是適應式網頁設計(AWD)?

適應式網頁設計英文全名為Adaptive Web Design (AWD)是網頁設計的另外一種技術,大致上與響應式網頁設計Responsive Web Design (RWD)相近,但有幾個關鍵的設計差別,使得AWD比較不受到重視。

關鍵的差別在於適應式網頁設計主張行動上網的用戶,基礎的顯示必須要正確呈現,但進階的功能應該受到限制,所以行動用戶所看到的不僅是排版上的差異,連內容都有受到限制。

舉例來說,基本的文字與圖片的顯示都應該於響應式網頁設計上,於電腦與手機正確呈現,但CSS視覺排版與Javascript特效,則可以透過檢測用戶的瀏覽器方式關閉掉,達到提昇行動上網用戶體驗的目的。

這樣的設計可以帶來好處包括:減少行動上網族群的負擔、減少伺服器的負擔、增加資料的正確性、使設計者可以專注於內容,不僅對於網頁優化(SEO)有幫助,也可以用於實現行動網站(Mobile Web)網站設計上。

不過隨著智慧裝置的使用者日益增多,手機、平板、智慧電視尺寸與電腦不相上下,裝置運算效能也不斷提昇,是否該限制手機與行動上觀看網頁資訊,成為一大問題。如今大部分的使用者都不喜歡看到不完整的資訊,加上今日智慧裝置的效能不斷提昇,這樣的設計構想已經減少許多。

今日響應式網頁設計主張不論是行動裝置或是桌上電腦,只要能上網,看到的內容都該一致,差別僅在於版面的顯示方式與尺寸,這樣的設計成為市場上的主流,因此適應式網頁設計就被歸納在響應式網頁設計之下的另外一種設計理念。

轉載請註明出處或鏈接

好的網頁設計如何讓網站在競爭中脫穎而出
好的網頁設計如何讓網站在競爭中脫穎而出
Jericho
Jericho
Dec 13, 2024
網站設計有效著陸頁的10個技巧
網站設計有效著陸頁的10個技巧
Jericho
Jericho
Dec 04, 2024
設計完美網站標誌的10個技巧
設計完美網站標誌的10個技巧
Jericho
Jericho
Nov 27, 2024