響應式網頁設計(Responsive Web Design)簡稱RWD，又稱適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計，這是一項開始於2011年由Ethan Marcotte 發明的術語 Responsive Web Design (RWD)。2012年後被公認為是日後網頁設計開發技術的趨勢，網站使用CSS3，以百分比的方式以及彈性的畫面設計，在不同解析度下改變網頁頁面的佈局排版，讓不同的設備都可以正常瀏覽同一網站，提供最佳的視覺體驗，是個因移動平台的用戶大量增加而想出的一個對應方法。 

l   製作RWD的好處:

(1)等比縮放 網站觀看舒適又順暢

(2)未來網頁創新走向 會成為最新的趨勢

(3)包含上班族、購物族、年輕人、老人….等使用手機族群，不放過任何機會

(4)清新&簡約的網頁設計

l   RWD視覺設計要點:

(1)  一致性

常用對比顏色去突顯(例如選單和內文背景色對比)，全站色彩規劃一致，標題與內文要易於辨識，

因為小的行動裝置不需要太多裝飾或花俏設計，而是以易於閱讀、易於瀏覽為優先。

(2)  視覺上的反饋設計

若有餘力則進一步考量行動裝置與電腦的不同。

例如按鈕在行動裝置中，按下去才有效果，hover在行動裝置中則無用。例如自動捲動的圖片，除了在電腦能點選左右鍵換圖外，是否支援touch時左右滑動。

網頁設計 網站設計 嘉義網頁設計 嘉義網站設計 

雲林網頁設計 雲林網站設計 台南網頁設計 台南網站設計