RWD(Responsive Web Design)，又稱為響應式設計、回應式設計。從字面上來看就是指會根據使用者裝置的差異呈現對應的設計。

以目前來說，使用者常使用的裝置有手機、平板、電腦。這三種裝置的寬度差異很大，如果都是同一種設計的話會造成版面很亂、很小、使用者體驗很差的情況。所以才需要響應式設計因應不同的裝置版面。

為甚麼要做RWD？

早期大家都是使用電腦來做搜尋以及使用，因此網站都是以電腦的版面下去設計。隨著科技進步，行動裝置已經變成趨勢。如果不針對行動裝置使用者做出設計那麼很快就會被淘汰。

而在SEO方面，Google已經公告搜尋結果會以行動裝置為主，行動裝置相容性也是影響排名的標準之一。

在一開始的時候，為了能夠在手機等行動裝置上可以清楚的閱讀網站上的內容。會專門設計另一個針對行動裝置的網站。也就是AWD自適應網頁設計。

雖然AWD解決了網頁文字過小、需要不斷縮放等問題。但由於手機板及網頁版的網址不一樣。維護的時候也需要做好幾次，要是不同步的話還可能造成客訴。

為了解決這些問題，RWD響應式設計就誕生了。RWD不需要額外製作好幾個網站，只要在設計時做出符合行動裝置的版面，工程師在切板時就會根據不同裝置撰寫程式碼。在使用不同裝置的時候就會根據裝置的寬度自動呈現適合的大小。

對於企業端來說，使用RWD能夠更好的管理。由於都是使用同一個網站，因此在更新內容時只要更新一次就可以同步到所有版本上。在SEO上也更加有利

對使用者來說，RWD設計在使用上會更加便利，不需要一直縮放看文字，跨平台使用時也會更流暢。

	RWD	AWD
中文	響應式網頁設計	自適應網頁設計
英文	Responsive Web Design	Adaptive Web Design
網址	每個版本都一樣	手機板及電腦版不同
如何判斷	由HTML語碼判斷	由伺服器判斷
網站架設	只需要架設一個網站，在網頁設計時設計因應不同裝置的版面就好	需要架設完全不同的多個網站
SEO	網站流量及權重集中，有利於搜尋排名	網址獨立，很有可能被判定為重複內容。權重及流量也分散