2016-02-02

什麼是 RWD 響應式網頁設計? Category: 行動網站

什麼是 RWD(Responsive Web Design)?

Responsive Web Design,簡稱 RWD,也就是響應式網頁設計、回應式網頁設計,這是近年網頁設計開發技術上的趨勢,該技術主要就是在撰寫程式時去設定彈性的畫面設計,讓網頁會自動適應不同的裝置大小,自動變化排版方式,讓不管是用電腦、平板、手機上網的人,都可以有最佳的瀏覽體驗,不需要再拖拉縮放網頁大小,直接呈現最合適的字級與版面設計。

相較於電腦的畫面資訊量,在手機上的資訊量和介面設計上,一定是比電腦來的簡單並重點式的資訊呈現。

15 秒快速看懂 RWD

若您正用電腦觀看本文,歡迎動動滑鼠拖拉目前的瀏覽器大小!

不可不知 RWD 的優點

(一)開發成本較低:相較於 APP 的開發成本與審核上架時間,RWD 是更具有成本效益的選擇。
(二)利於搜尋引擎排名: Google 已在 2015 年公佈,優化過的行動網頁將會優先顯示在行動搜尋排名上。
(三)管理較容易:不需獨立出電腦版、手機版網頁, 處理兩邊的網站資料,使用 RWD 只要維護一個網站就好。
(四)畫面彈性多尺寸:不管是使用電腦、平板、手機,同一個網站都適用於各種裝置大小,也統一了品牌形象。
(五)利於分享:擁有單一網址連結,可以快速分享出去,點擊就立即進入網站瀏覽。

Google Developers 行動裝置相容性測試

設計了 RWD 網頁,更能友善我們的行動裝置,Google 提供以下網頁可以測試網站是否有符合 Mobile-Friendly 設計原則。
https://www.google.com/webmasters/tools/mobile-friendly/  


同場加映✨
品牌電商專屬的功能介紹: https://www.365shop.com.tw/apps_list.php
快讓你的品牌網站擁有多裝置的介面吧!
返回列表