RWD是什麼?中文全名是響應式網頁設計,英文全名是Responsive web design。RWD是在2010的美國網頁視覺設計師Ethan Marcotte提出來的技術,因為科技的進步有越來越多的螢幕大小,所製造出的解決方式,是RWD概念的始祖。以前都是照著桌上型螢幕的大小設計的,而現在我們要因應平板、手機去做更多設計的調整,而RWD就有存在的價值。
雙版本時代的眼淚
一開始的演變跟解決方式是一個電腦版的網站,再製作一個手機板的網站,再兩邊的不同的裝置上都特別客製,也可以解手機端使用者的問題,但是也有很多常見的問題:
- 子域名的不同,來區別電腦或手機端,但是裝置判斷沒有設計好
- 電腦跟手機的排版概念差太多,導致使用者可能要重新摸索
- 費用和時間是雙倍的,因為電腦版和手機版是兩個不同的設計跟製作
RWD為甚麼是現代網頁設計的基礎
RWD:「內容跟水一樣,會適應不同的容器」。藉由HTML、CSS程式語言,使網站自己去適應不同裝置的大小,來呈現完整的內容,而HTML的Viewport和CSS的Media Queries再RWD的重要性,之後在實作上會更加理解。