什麼是響應式設計?為什麼要做RWD網站?優點為何?

平板電腦及智慧型手機的使用者年齡層廣、普及率高,全世界已進入「滑世代」,傳統的網頁設計方式無法滿足所有的網頁瀏覽裝置。因此響應式網頁設計 (Responsive Web Design) 簡稱RWD,已然成為製作網站時不可逆的開發趨勢與技術概念。

櫻桃樹創意設計公司使用CSS3 Media Queries百分比的方式來進行網頁畫面的設計,讓網頁在不同解析度下瀏覽時,能自動改變佈局排版,網頁內容可隨著電腦、筆電、平板、手機……各種螢幕寬度來伸縮與變化,並在使用手機時,適度隱藏較不重要的內容,使畫面呈現清爽的視覺感受。

響應式設計(RWD)網站優點:

  1. 無論是何種螢幕尺寸觀看網站,都能使得網站形象一致。
  2. 大多數使用者會透過手機搜尋資訊,行動商機龐大。
  3. Google極力推薦響應式網站,好的網站結構可提升關鍵字搜尋排名。
  4. 重新排版的文字段落及放大的圖示,不僅容易閱讀,使用上也極為流暢方便,使用者不必再縮小、放大、拖曳螢幕。
  5. 友善的視覺與介面設計,能增加對網站的信任感,培養客戶忠誠度。
  6. 同樣的網頁內容不必再拆成電腦版及手機版,網址較容易被分享。
  7. 比APP更能親近使用者,無須下載安裝即可使用瀏覽器觀看,開發費用也相對較低。