如今，web應用已經深入到我們生活的方方面面了。而你知道嗎？72%的用戶們都希望他們訪問的網站不僅在臺式機或筆記本上有賞心悅目的界面，同時也能適應移動設備的屏幕。為此，身為設計師和工程師的我們必須緊抓這個潮流，走在前沿。達爾文教給世人最精準的四個字就是：適者生存。而響應式設計，憑借著其靈活可變的特性以及一些其他因素，必定會被越來越多的設計師青睞，成為未來web開發的一大主流設計模式。
Ethan Marcotte，致力于推廣響應式設計的先驅者，指出響應式設計基本上包括三大元素：流體網格，自適應的媒體以及CSS3媒體查詢。簡言之，響應式設計是一種自適應的設計模式，能靈活地應對不同顯示設備的分辨率大小，像臺式機，筆記本電腦，手機，平板電腦，平板手機，電子書等。
然而實現響應式設計并不是一件簡單的事。Web設計師和工程師們常常面臨著網站性能（主要是加載速度），廣告，導航等多方面的挑戰。不過這些挑戰是設計過程中無可避免的一部分，也必將令響應式設計真正地變得賞心悅目和持久穩定。
可以看到的是，許多網站都已紛紛投向了響應式設計的懷抱。下面我們不妨看看一些將響應式設計實際融入到網頁中的優秀作品吧。
在此之前，容我向您推薦一些響應式設計相關的法寶和干貨：
神器推薦：Froont！在線可視化響應式網頁設計工具
干貨：響應式頁面導航設計解析（附demo下載）
一套精致的響應式網頁設計模版PSD下載
9個免費的響應式網頁設計模板
2013年，輪到我們國內的設計師和工程師們大展身手，推動響應式設計的時候了。親們，請取長補短，讓自己做出來的網站也有響應式的magic吧！
關于作者：
Richard Kemp是一個活躍的作家并且任職于DrupalJungle公司的Drupal開發人員。DrupalJungle的主要業務是為客戶提供Drupal服務，更多內容可參見Drupal mobile website development 和custom Drupal development。
翻譯小組:SDC番茄匠 ? 微博ID:@愛德華愛德華
================關于優設網================
“優設網uisdc.com“是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：15335158）分享實戰經驗。
設計微博：擁有粉絲量27萬的人氣微博@優秀網頁設計?，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的”福利”嗎？
添加?優秀網頁設計?微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
標志設計標準教程
已累計誕生 729 位幸運星
發表評論 為下方 3 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓