響應式網頁設計類型，與傳統建站比較的優缺點有那有些?

發表日期：2020/8/31 14:50:13 文章編輯：瀏覽次數：2625

RWD響應式網頁設計

響應式網頁設計，英語是Responsive web design，通常縮寫為RWD，或稱自適應網頁設計、回應式網頁設計、對應式網頁設計。是一種網頁設計的技術做法，該設計可使網站在不同的裝置，從桌面電腦顯示器到行動電話或其他行動產品裝置上，瀏覽時對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和卷動等操作行為。對于網站設計師和前端工程師來說，有別于過去需要針對各種裝置進行不同的設計，使用此種設計方式將更易于維護網頁。

為什么要做響應式網頁？
因為越來越多人要用手機、平板瀏覽網頁，使用行動上網的比例越來越高，這個現象不只出現在臺灣，而是全球皆如此。以目前主流的解析度來看，就有八種尺寸范圍，要讓每種裝置都能順暢的瀏覽網站內容，這不只考驗了工程師的功力，也考驗了前端網頁設計的視覺美感。

響應式網頁設計類型
響應式網頁設計類型，大致上可分為套版、客制化設計或客制化功能。

自助套版型	提供網站平臺，預先設計好數十個網站風格版面，再讓使用者自行選擇風格套用，自行放上資料，少掉了設計師的費用價格自然便宜許多，但管理網站的人需具備基本網路概念，及處理圖片能力，否則，還是請設計公司處理較佳
客制化設計	本類通常為形象網站，客制化網站分為有資料庫，及無資料庫的純HTML設計，網站有后臺，客戶可以隨時自行修改及新增網頁內容，而選擇好的后臺就非常重要，純HTML客制化設計是沒有后臺的，所以客戶無法自行修改
客制化功能	如果有特別功能需求，就需要客制化功能設計及程式設計的網站，是成本最高，工期最長，此類網站需要專案經理、系統與行業的經驗與知識、前端工程師、后端程式設計師的共同合作。

響應式網站優缺點比較
響應式網站設計這幾年已經成為網站開發的熱門技術，雖然可以解決許傳統網站在多尺寸螢幕相容問題，但它也有著一些大家必須要知道的缺點。

優點	缺點
適用所有螢幕尺寸、裝置降低網站開發成本利于SEO經營、分享網頁易于網站營運維護	手機尺寸不適合復雜的功能或介面網站載入時間較長開發工時較久會有瀏覽器相容問題

RWD響應式網站設計費用行情

響應式網站優缺點比較
無響應式設計的網站無法兼容手機，已慢慢從市場中被淘汰，以下價格是在幾家公開報價的業者中抽樣出來，以供大家參考價格！

自助套版型	A家	B家	C家
報價方案	一年升級RWD	RWD	RWD
報價/首次	52600	40800	43800
維護費用/年	12800	8800	8800
主題修改	不可	不可	不可
編輯方式	后臺編輯	后臺編輯	后臺編輯
SEO優化	有	有	有
制作工時	20-40天	20天	15天
免費圖庫	有	無	無

客制化版型	A家	B家	C家
報價/首次	58000	65000	50000起
維護費用	首年免費	-	-
全站式管理	是	否	否
SEO優化	有	-	-
制作工時	30天	30天以上	-