RWD(Responsive Web Design 響應式網頁設計)是因為移動裝置的使用率逐漸增加,所產生出來的網頁設計編排方式
據國家發展委員會104調查分析,台灣使用手機上網人口已到達八成以上,並且資策會產業情報研究所(MIC)公佈,有六成以上網友有手機消費經驗,也就是說二個人就會有一個以上在網路上消費的可能性,且不包含看到網站後,直接去實體商點購買的人數,由此可見行動商機是非常龐大的,如果沒有使用RWD網頁設計方式架構您的網站,造成手機瀏覽困難,非常有可能因此放棄消費,因此建議商家使用RWD網頁設計方式建置
如果網頁設計時以RWD方式製做時,用戶不管是用任何螢幕尺寸來觀看,都是以最適合的方式顯示,包桌上型電腦筆記型電腦平板電腦,與不同尺寸的手機螢幕,網站會以液態編排方式重新排版,顯示於螢幕上,並不會在小小的螢幕上顯示整個網站內容,讓用戶無所適從
為何要製作 RWD (Responsive Web Design) 網站?
1.目前用手機方式搜尋已經成為主流
2.移動裝置皆可使用RWD
3.開發成本與時間比APP便宜許多
4.提升關鍵字搜尋排名
5.給用戶最好顯示效果
6.不用再花一筆錢做手機版
2016 年全球行動上網裝置將超過 100 億台,比全球人口還要多!
您的客戶大部分都來自智慧型手機或平板電腦,而且比例還在不斷上升中,如果您的網站沒有考慮到行動裝置的處理,當客戶用手機打開您的網站時,只能看到很小的圖片和一大堆擠在一起的文字,幾乎無法閱讀
因此,RWD 網頁設計就是要幫助您的網站達到行動裝置最佳化,讓您的網站可以在所有行動裝置上完美呈現,不再讓客戶迅速逃離
RWD 網頁設計又稱為 "自適應網頁設計" 或 "響應式網頁設計" ,與一般行動版網站最大的不同,在於它不需要另外獨立製作行動版網站,而是讓網站自動去適應行動裝置,讓網站自己可以在各種智慧型手機平板電腦上調整外觀尺寸位置樣式,不論用戶從哪種行動裝置來開啟網頁,都可以得到最佳的瀏覽效果
RWD 網站的優點
隨著行動裝置的普及化,網頁設計也逐漸發展出一種全新的排版技術:RWD (Responsive Web Design),與一般傳統的網頁設計來比較,它具有以下優點:
支援任何裝置
這是 RWD 最大的優點,也是它的最重要目的智慧型手機螢幕尺寸愈來愈大,規格愈來愈多,透過 RWD 可以從此不用擔心不同螢幕尺寸所帶來的各種問題,因為 RWD 網站使用液態排版技術 (Liquid Layout),讓您的網站內容可以自動符合裝置螢幕的尺寸來進行延展伸縮變形移動,讓使用者可以輕鬆便利的瀏覽您的產品資訊不只是圖片,包含網站 LOGO主選單文字內容網頁標尾等,全部都會自動重新排列,找到最合適的呈現方式
不僅如此,如果遇到電話號碼或 E-mail 信箱,手指輕輕一按,就能立即撥打電話或寄發信件
方便網頁閱讀
不論您的網站是透過寬螢幕桌上型電腦來觀看,或者是用智慧型手機平板電腦來瀏覽,RWD 已經把所有的網站內容自動重新編排過,所以使用者不會再看到密密麻麻的字,更不需要用手指來把畫面放大,就能輕鬆順暢的瀏覽您的網站內容
降低開發成本
以往為了製作手機版網頁,網頁設計公司還必須幫您另外開發一個手機專用的網站版本,一個網站有兩個版本,自然就會增加開發費用與維護成本
提升搜尋排名
Google 已經在官方文章 "Recommendations for building smartphone-optimized websites" 中發表,Google 比較建議使用 RWD 網站來處理行動版網站