響應式網站設計(RWD)


首頁 > 最新消息 > 響應式網站設計(RWD) >

Scroll
2018-04-21

該如何分別「手機版網站」與「RWD網站」?

該如何分別「手機版網站」與「RWD網站」? 友冠針對這兩種規格做簡單的說明,讓您瞭解該如何選擇。

手機版網站
早期最傳統的解決方案,早期手機螢幕較小沒有辦法呈現完整的網站大小,且太多Flash等等不支援手機的網站元件,那時候都是由程式判斷流覽器是否為手機,是的話就另外顯示專門為手機制作的簡易版網站。有些網站也會替手機版準備另一個網域,如facebook.com就另外一個手機專用的m.facebook.com網域來顯示手機版網站。這種方式的優點是簡潔明瞭,不會下載太多不必要的大圖片來加重手機網路負擔,針對手機設計的介面也較容易閱讀。但缺點卻很明顯,不只要額外開發新的網站造成人力浪費,各牌手機的判斷有時候也會失誤,最重要的是手機版網站常常無法提供完整的功能,可能會缺東缺西。

RWD響應式網站
RWD的全名為Responsive Web Design中文稱作響應式網頁設計,網頁會判別螢幕的寬度,自動將排版調成對應的區塊來適應。所以當螢幕寬度改變,網站本身會將重新調整成在小螢幕上閱讀。這種設計需要較為資深有經驗的前端設計師才能夠掌握,但目前已經是網頁設計的主流了。RWD的優點非常名確,我們只需要一次性設計,就能適應所有版面節省製作成本,網站風格也能統一。此外不單單是手機與桌機的差別,只要是螢幕大小不同,都可以根據螢幕來做適當的區塊排版。而缺點是,首先RWD設計終究很難將桌上出版完美的排成手機合適的樣貌,而手機版網站則是特別為了手機而設計,有較佳的閱讀與操作性。另外,由於RWD不管螢幕大小,都會把網站的所有內容與圖片載入,接著才根據螢幕大小選擇要不要顯示,所以對於手機網路與記憶體來說有較大的負擔。


您該如何選擇?
其實主流的RWD設計就可以解決問題了,多數有經驗的網頁設計公司都會將RWD設計列為網站標準配備,不會對您加收太多費用。而您也只需要維護一個網站即可。也可以請友冠資訊替手機網頁做更多的優化。若您的網站功能較特殊,當然也可以請友冠資訊代為開發,讓友冠資訊的業界經驗替您節省成本。