網站設計-佳紘科技創意整合行銷 網站設計-數位創意整合公司-佳紘科技
行動版網站
移動力 ‧ 隨時掌握行動商機
首頁 / 網站設計 / 行動版網站 / 關於響應式
響應式網站RWD-網站方案-佳紘科技創意整合行銷

響應式網頁設計

響應式網站RWD-網站方案-佳紘科技創意整合行銷   單一網頁對應多種裝置平台
什麼是響應式網站RWD

什麼是響應式網站?

什麼是響應式網站RWD
RWD響應式網站設計
響應式網站設計(Responsive Web design 簡稱RWD)的意思是,一個網站能夠兼容多個瀏覽平台(電腦、平板、手機),而不是為每個平台重新設計一個特定的版本。無論使用者正在使用智慧型手機還是iPad,網站的頁面會對應不同的解析度,而有不同的呈現方式,以適應不同設備環境。這樣,我們就可以不必為不斷到來的新設備做專門的版本設計和開發了。

隨著移動市場的迅速擴大,幾乎所有美國網站都有或準備建立手機網站。可是移動設備種類繁多:從BlackBerry到iPhone到iPad,再到上百種智能手機,螢幕的大小和解析度千差萬別,為每種螢幕分別設計獨立網站簡直是天方夜譚。不少公司通過市場調查挑選用戶最多的移動設備,然後只為這幾種設備設計網站,這種曲線救國的戰略會導致大量其他潛在用戶的流失。而近幾個月在美國被熱議的“響應式網頁”設計方式正好能解決這個問題。

RWD設計,一開始就要先規畫好在不同瀏覽平台下所要呈現的畫面,網頁必須簡單,內容清楚明瞭,配上簡單的圖片,不使用任何Flash動畫,讓網頁可以正確無誤的傳達印象及訊息給使用者,達到網站的目的。
響應式設計的優點與缺點-響應式網站RWD-網站方案-佳紘科技創意整合行銷

響應式設計的優點與缺點

響應式設計的優點與缺點-響應式網站RWD-網站方案-佳紘科技創意整合行銷
優/   缺/
• 一套代碼,多平台通用
• 支持多種螢幕解析度和橫豎屏切換
• 根據窗口大小做出響應的統一UI
• 自動探查螢幕寬度,從而做出相應變化
• 後台內容只要輸入一次
• 兼容各種平台工作量大,開發時間與校錯時間較長
• 代碼累贅,會出現隱藏無用的元素,造成網站載入時間加長
• IE必須9.0以上才支援相關語法
響應式設計的優點與缺點-響應式網站RWD-網站方案-佳紘科技創意整合行銷

響應式設計是萬能的嗎?

響應式設計的優點與缺點-響應式網站RWD-網站方案-佳紘科技創意整合行銷
依據上述優缺點分析,有些網站可能不適合或不容易做成響應式網頁設計,比如入口網站、商城網站、遊戲網站等,需要閱讀大量文字或大量操作的狀況下,無法達到響應式網頁設計的理想要求。

受限於各平台解析度的大小,我們更需要考慮網站想傳達給使用者的是什麼。從花俏的外觀中保留「使用者想要閱讀」和「想要讓使用者閱讀」的主要資訊。

網站設計的方法和工具很多種,最終還是必須依照客戶專案內容、預算和架構來取捨該用哪一種方法,唯有適地運用才是最好的解決之道。