開啟選單 f
TW

RWD or AWD

RWD or AWD

RWD (響應式網頁設計)是甚麼?

請見為什麼需要RWD網頁設計? 一文。
 

AWD (自適應式網頁設計)又是甚麼?

AWD跟RWD存在目的一致,希望在桌機、平板、手機都能顯示友善畫面,那麼這兩者到底差在哪呢? 該怎麼選擇? 以下是我們的比較。
 
桌機、手機內容元素不完全一致
RWD在桌機、手機內容是完全一樣,AWD會針手機內容做優化,減少不必要的大圖,提高手機版的速度,RWD如果內容很多,手機跑起來會慢一點,因為都是同一套CSS,桌機用的圖、文、效果會完整呈現在手機上,手機效能、頻寬沒有桌機好的時候,當然會比較吃力。AWD的桌機、手機畫面是不同套CSS是分開維護,後端也有部分是分開維護。
 
兩種都會判斷裝置
RWD會根據裝置的畫面寬度去判斷要跑多寬的網站。AWD是判斷裝置是哪一種,是桌機就跑桌機的CSS,是手機就跑手機的CSS,檔案結構相同下,從網址來看兩者都是一樣的網址,RWD跟AWD都沒有像以前分成不同網址,不同網址流量會分散難免會影響SEO,AWD跟RWD都是一樣的網址,不影響SEO。


 

該怎麼選擇?

 
網站內容是多還是少?
像MOMO、PCHOME、博客來就是內容多,你可以拉銀幕視窗看看,大部分都不會是RWD設計的網站,通常都是AWD設計的網站。購物網站比較適合AWD,AWD可以針對手機版做更有效的配置與使用者體驗(UX),不是RWD不能用在購物網站,而是AWD相對更適合內容繁雜的購物網站,反之RWD非常適合簡單內容的企業網站。
 
有多少預算?
RWD在上線後的維護是比較容易的,AWD維護上較繁瑣,上線前的製作成本AWD略高於RWD,所以如果您製作與維護上的考量,還是選擇RWD比較划算一點點,還有AWD的開發時間是略多於RWD的,如果您時間上不允許,可以選擇RWD。上線後的前端修改、開發速度AWD比RWD容易,因為可以分開調整。
 
是否更重視手機版的使用者體驗(UX)?
如果更重視手機版的使用者體驗(UX),那就建議用AWD製作,因為RWD為了同時滿足各種設備的適應性,一定會犧牲很多畫面與功能,AWD因為跟桌機是分開的介面,AWD可以針對手機使用者開發更為友善的模式,如果希望手機可以得到更棒的體驗,AWD是優於RWD的。
 
根據我們的經驗,如果您的網站內容簡單可以選RWD,例如: 企業型網站。如果您是很仰賴手機版、網站內容也很豐富的網站,例如: 購物網站,那麼建議您用AWD製作,無論是將來的修改速度、彈性、操作友善,都會比RWD好。

(本文為達文西數位科技所有,轉載文圖請註明出處)
 
# 套版網頁設計
# 客製化網頁設計
# 半客製網頁設計
# DA-達服務

超值套版網站,優惠特價 $ NT 59,000

請與我們聯繫