什麼是Response Web Design，翻譯成中文為應對式網頁設計，這是一個在網頁設計上比較新的詞彙，也是近期比較火紅的設計方法。那到底什麼是Response
Web Design？簡單來說就是，對應各個媒介的媒體設計方式。
網頁設計上的經典
在各個領域的設計上都會有所謂的經典可保存的作品，例如在建築設計上，設計師規劃出架構，動線以及裝潢等，都是以一個能夠永久使用，能夠當作一個經典流傳下去去做設計與規劃。但是在網頁設計的概念上卻似乎不是如此，通常網頁設計師是以週或是一兩年去思考與製作，同常更因為在不同媒介上使用所以需要製作不同版本，但一等到活動過去，那複雜以及難以維護的就有可能被人棄之一旁，更加上近年來新產品與不同媒介層出不窮，平板電腦、手機、數位電視，這些都加速網頁設計的汰換。
層出不窮的新科技
根據統計，在未來5年內，手機平台的使用量將超過現有的電腦使用量。移動平台的興起漸漸的改變許許多多使用者習慣，就拿UI設計來說。手機的瀏覽規格就與網站有明顯差異，即便手機可以直接看網站內容，但要在透過兩隻手指先行放大，要看得內容還要左移一下右移一下，對使用者經驗來說是莫大敗筆，所以這時能夠符合手機的網頁設計就誕生了。但這又衍生出了另一個問題，我針對一個規格我要設計出一套版面，那如果我要符合10套媒介，我是不是要花10備的時間去製作10種規格呢？
Response Web Design的誕生
為了要解決這樣的問題，Response Web Design誕生了。只要設計一個網站，透過在現行的Html5、CSS3定義，就能夠針對各個不同瀏覽器去產生出符合該瀏覽器適合閱讀的UI這不僅大大地解決開發時間的問題，也讓網站不至於因為時代快速的變遷而需要無止盡的翻修，讓網頁設計能夠做出那可流傳下去的經典網站。
現今的設計
在國外已有不少得網站利用這樣的方式去設計自己的官網，但主要還是以大品牌公司或是個人網站為主，一方面做這樣的設計初期所要投入的企劃與架構時間不少，相對花費的金額也比一般設計要來的高（技術門檻），再者個人會製作這樣的個人網站，主要還是在展現自己的能力，所以雖然是一個很棒的技術但普及度還不夠高。
Starbusks
左邊：手機介面 右邊：平板電腦
左邊：一般網頁 右邊：寬螢幕
Pediatric
Specialty Services
左邊：手機介面 右邊：平板電腦
左邊：一般網頁 右邊：寬螢幕
前進的道路
雖然現在已有這樣的能力可以作到跨平台的最佳體驗樣式，但是礙於瀏覽器限制，並非所有的媒體都支援這樣的技術，但這狀況以漸漸改善當中。另外在頁面的設計上，並非以往的純視覺的設計，還必須加上些程式的概念與企劃的能力，對於一般的網頁設計師而言是一大挑戰。雖然困難重重，但問題總會解決，與其未來再去適應，不如現在就先跑在前頭，等到這樣的時代來臨，也能不急不徐的迎向未來。
網站圖片來源：http://mediaqueri.es/
沒有留言
張貼留言