一起來了解基本網站與RWD網站的差異與選擇
隨著近年來移動裝置越來越流行,我們有必要說明一下,一般網站是如何在小型裝置展示,以及如何適應多重螢幕的。目前主流的兩種方案,分別是「手機版網站」與「RWD 設計」,我們會針對這兩種方案做簡單的說明,讓您了解該如何選擇。
手機版網站
這是早期最傳統的解決方案,由於手機螢幕較小,沒有辦法呈現完整的網站樣貌,且早期太多 Flash 等等不支援手機顯示的網站元件,因此那時候都是由程式判斷瀏覽器的 UserAgent 是否為手機,若是的話,就另外顯示專門為手機製作的簡易版網站介面。
由 於最早興起智慧型手機風潮的是蘋果 iPhone,所以多數的手機版網站與 iPhone 有著類似的介面,也就是直列選單加上大大的按鈕,甚至有些網站會額外替手機版準備另一個網域,例如 facebook.com 就另外有一個手機專用的 m.facebook.com 網域來顯示手機版網站。
這種方式的優點是簡潔明瞭,不會下載太多不必要的大圖片來加重手機網路負擔,特別針對手機設計的介面也較容易閱讀。
但缺點卻很明顯,不只要額外開發新的網站造成人力浪費,手機 UserAgent 的判斷有時候也會失誤,最重要的是手機版網站常常無法提供完整的功能,可能會缺東缺西,因此同常都要提供一個返回桌面版的選項。
RWD 響應式設計
RWD 的全名為 Responsive Web Design,中文稱作響應式 網頁設計 ,意思是說,網頁會根據當下的螢幕大小,自動將自己的排版調成對應的形狀來適應。
很明顯的,當螢幕越來越窄,網站本身會將版面調整成垂直排版,適合在小螢幕上閱讀。這種設計需要較為資深有經驗的前端設計師才能夠掌握,但目前已經是網頁設計的主流了。
RWD 的優點非常名確,我們只需要一次設計,就能適應所有版面,節省製作成本,網站風格也能統一。另外,不單純只是手機與桌機的差別,只要是螢幕大小不同,如平板等等,都可以根據螢幕來做適當的排版,不會出現 iPad 只能看手機版的窘況。
至 於缺點是常常被忽略的,首先,RWD 設計終究很難將桌面版完美的排成手機合適的樣貌,總會有些跑版(經驗老到的設計師有能力避免),而手機版網站則是特別為了手機而設計,有較佳的閱讀與操作 體驗。另外,由於 RWD 不管螢幕大小,都會把網站的所有內容與圖片載入,接著才根據螢幕大小選擇要不要顯示,所以對於手機網路與記憶體來說有較大的負擔。
我該如何選擇?
基本上,如果您的預算不是很充足,其實目前主流的 RWD 設計就非常適合您了,多數有經驗的 網頁設計公司 都會將 RWD 設計列為網站標準配備,不會對您加收太多費用。而您也只需要維護一個網站即可。若您的預算充足,也可以請設計公司替手機螢幕做更多的優化。
若您的網站功能較特殊,需要一個完全適用手機版的獨立網站,當然也可以請製作公司代為開發,但製作與日後維護很有可能就是兩個網站的成本了。
參考文獻:
1.李俊宏(1995)。網頁設計原則的研究一以大專院校首頁設計為例。雲林技術學院 程式設計 研究所碩士論文,未出版,雲林。
2.王育民、王怡舜 (1999), 行銷策略導向之旅館業網際網路服務內容規劃與設計, 第五屆服務管理研討會, 台北市, .
3.林隆儀、林岳民 (2005), 廣告比較策略與廣告訴求方式對購買意願的影響-產品涉入之干擾效果, 企業管理學報, 65(), 1-30.
資料來源:夏木樂
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了