現在位置: 首頁>網頁知識
2018/7/13
響應式網頁設計(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時左右滑動。