03,Feb,2016
RWD VS AWD
相信現在大家對響應式網頁設計RWD 已經十分熟悉了,但有時會有覺得有些不方便例如手機版有些操作確實會跟PC版有些不同,所以有些網站乾脆做簡單的介面不僅設計方便功能也會讓手機與PC差不多,或是很認真的設計手機與PC的介面都能適應,但因此頁面要load的東西變多,反而拖慢速度因此又有人提出了AWD(Adaptive Web Design)
概念上AWD是指除了使用RWD技術於客戶端控制頁面佈局外,也應該針對不同客戶設備來增減內容和外觀以提高適應性和用戶體驗。AWD可以在伺服端或客戶端以設備辨識技術來為不同設備提供不同內容,實現更大程度的優化。
比較:
簡單來說,RWD主要是依靠高彈性的佈局策略,使同一個頁面能適應不同設備的運行環境。AWD則是通過辨識客戶設備,提供針對該設備的不同版本的頁面內容和資源。
RWD和AWD有很多重疊的特性,甚至有人說RWD是AWD的一個子集。兩者沒有明顯的優缺點,支持RWD的說法認為不應該因為用戶使用移動設備就刪減內容或限制功能,應該公平對待。而支持AWD的說法則認為移動設備有不同於桌面設備的使用情況,包括網速,流量,性能等,應該針對其提供優化過的頁面,並批評RWD在移動設備上加載體積巨大的圖像,運行性能消耗大的腳本等。甚至也出現RESS(Responsive Web Design with Server Side Components,透過伺服器端元件的響應式網頁設計) 的概念,就是RWD和AWD同時配合使用,例如佈局具有RWD的良好彈性,也會用設備辨識技術,於某個斷點使用AJAX動態加載對應該設備的資源。
總結:
RWD和AWD兩者並沒有明確的實現標準和優缺點,都是以提高用戶體驗為目標,開發者應該根據不同情況,選擇該使用的技術,彈性處理。
概念上AWD是指除了使用RWD技術於客戶端控制頁面佈局外,也應該針對不同客戶設備來增減內容和外觀以提高適應性和用戶體驗。AWD可以在伺服端或客戶端以設備辨識技術來為不同設備提供不同內容,實現更大程度的優化。
比較:
簡單來說,RWD主要是依靠高彈性的佈局策略,使同一個頁面能適應不同設備的運行環境。AWD則是通過辨識客戶設備,提供針對該設備的不同版本的頁面內容和資源。
RWD和AWD有很多重疊的特性,甚至有人說RWD是AWD的一個子集。兩者沒有明顯的優缺點,支持RWD的說法認為不應該因為用戶使用移動設備就刪減內容或限制功能,應該公平對待。而支持AWD的說法則認為移動設備有不同於桌面設備的使用情況,包括網速,流量,性能等,應該針對其提供優化過的頁面,並批評RWD在移動設備上加載體積巨大的圖像,運行性能消耗大的腳本等。甚至也出現RESS(Responsive Web Design with Server Side Components,透過伺服器端元件的響應式網頁設計) 的概念,就是RWD和AWD同時配合使用,例如佈局具有RWD的良好彈性,也會用設備辨識技術,於某個斷點使用AJAX動態加載對應該設備的資源。
總結:
RWD和AWD兩者並沒有明確的實現標準和優缺點,都是以提高用戶體驗為目標,開發者應該根據不同情況,選擇該使用的技術,彈性處理。