指透過CSS語法技術,使得網站透過不同大小的螢幕來自動改變網頁排版,如電腦、平板、手機等,都是由同一個網頁內容轉變的視覺設計。

RWD響應式網站設計

自適應網頁設計(Responsive Web Design)簡稱RWD,又稱響適式設計、回應式網頁設計,2012年後被公認為是日後網頁設計開發技術的趨勢,網站使用CSS3以百分比的方式以及彈性的畫面設計,在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以正常瀏覽同一網站,提供最佳的視覺體驗。

Google官方解釋是無論使用者透過何種裝置瀏覽網頁(包括桌上型電腦、平板電腦或手機),該網頁一律使用相同的網址和程式碼,只不過網頁的顯示效果會依據螢幕尺寸 進行調整。 “因此,Google 建議您使用 RWD,而非其他設計樣式。” 採用 RWD 的優點之一,是您只需要維護單一網站版本,而非兩個版本。舉例來說,您不必同時維護電腦版網站 (www.example.com) 和行動版網站 (m.example.com),即可 兼顧電腦版和行動版網站訪客的使用需求。

響應式網頁設計可根據裝置螢幕的大小,自動調整版面;不論使用者是用桌機、平板電腦還是手機,都能用最舒適的介面瀏覽網站,包括功能應用、選項,也都能讓使用者選取方便,改善使用者經驗、提升轉換率。

響應式網頁設計的優點之一,不必另外設計手機版面,讓桌機、平板電腦和手機皆能呈現相同的視覺形象,加強網站印象。自然不需要針對不同版本設計不同視覺效果。

響應式網頁RWD是GOOGLE搜尋最喜歡,可以避免重覆的內容、保持網頁原本的連結,因此自適應網頁設計的原理與使用習慣都有利於於SEO(搜尋引擎最佳化),較於APP下載更有利搜尋!