響應式網頁

News / Events

響應式網頁設計 Responsive Web Design 針對不同的裝置、解析度、網路速度自動提供最佳化內容,行動科技新趨勢

隨著手機及平板電腦的普及,使用行動裝置上網已成目前世界趨勢,根據一些調查研究顯示,移動裝置和桌面電腦上網的比率已成平分的局面,因此,一個能同時適用應於桌上型電腦及移動裝置的網站變得更為重要。

Ethan Marcotte 在他在A List Apart 的文章中發明了術語Responsive Web Design (RWD)。 他在他2011 年關於這個主題所寫的簡短的書中描述了響應式網頁設計的理論和實踐網站能針對不同的行動裝置、不同的解析度、不同的網速自動調整網站並提供最佳的內容呈現。

響應式網站設計優點在面對不同解析度設備靈活性較強,不需製作成APP,也能針對各式行動裝置設計成全新的網站介面。而缺點在於網站載入時間長,開發與校錯時間久,也會使使用者會有混淆、不習慣的情況發生。 複雜性意味著更高的成本。因為本身試著想支持很多種瀏覽體驗而未經過刻意優化。若沒有深入細節進行網站優化,在行動裝置瀏覽器必須要處理大量的HTML文件,網頁則小心的設計特定的腳本、加載特定的CSS以及大容量的圖像。