什麼是 RWD、什麼是 AWD?

什麼是 RWD、什麼是 AWD?

你是不是也越來越常用手機連上不同的網站了呢?隨著科技發達,手機螢幕也越來越大,手機上網比例越來越高,越來越多網頁追求RWD響應式網站設計。

目錄

根據 Google 的統計,將近60%的人們使用手機瀏覽網站,而且比例越來越高。這時候如果沒有重視網站在手機上的呈現效果,可能會流失相當多的潛在客戶。目前手機上的網站分為兩大趨勢:響應式網站(Responsive Website Design,簡稱RWD)及自適應網站(Adaptive Web Design,簡稱AWD)。

響應式網站設計(RWD)

網站會依螢幕大小縮放,至多會有5~6種尺寸大小的分別,這是目前最常見的網頁設計方式,也是趨勢。

RWD
RWD

優勢:不論在任何裝置上都有一致的介面體驗,解決了網站佈局上的管理,有著單一的網址能增加 SEO 的效果
劣勢:縮小的過程,更要考量結構上的變動。當網站內容層級和資訊量很多的時候,呈現的東西就有限。

對響應式網站來說,是將電腦版網頁設計經由縮放時變成平板、手機不同裝置大小的網站,思考途徑是由大到小

自適應網站設計(AWD)

針對電腦、平板、手機來分別做三種尺寸的網站,最強調行動優先(Mobile-First),在響應式網站還沒盛行的時候,主要以此種類型為主。

優勢:專門為手機而設計,充分優化了功能。
劣勢:開發成本高,維護要花2倍功夫,無法完全符合到各種螢幕大小,所以在一定範圍內還是要有一點響應式的設計。而因為有三種尺寸的網站,在網址上就會需要做特別的管理,比較常見的是在手機上有多一個 m.xxxx.com 開頭的網域,看起來就會有好多個網站。

而以自適應來說,由於是從小、中、大,分別來思考,依每種大小來思考什麼是最精簡的核心內容了,讓這個核心內容透過不同的方式呈現。

自適應網頁設計強調服務行動上網的用戶,基礎的顯示必須要正確呈現,但進階的功能就會受到限制,所以行動用戶所看到的不僅是排版上的差異,連內容都有受到限制。

延伸閱讀:

Share 分享 :

分享在 facebook
分享在 twitter
分享在 telegram
分享在 email
Related Post

最新文章