響應(yīng)式網(wǎng)站設(shè)計是一種網(wǎng)頁設(shè)計布局。其思想是集中創(chuàng)建頁面的頁面布局大小，并根據(jù)用戶行為和使用的設(shè)備環(huán)境智能地執(zhí)行相應(yīng)的布局。

 

響應(yīng)式網(wǎng)站建設(shè)者

 

設(shè)計理念

 

這個概念是由著名的外國網(wǎng)頁設(shè)計師Ethan Marcotte于2010年5月提出的。

 

響應(yīng)式網(wǎng)頁設(shè)計的理念是：

 

頁面的設(shè)計和開發(fā)應(yīng)根據(jù)用戶行為和設(shè)備環(huán)境（系統(tǒng)平臺，屏幕尺寸，屏幕方向等）進行響應(yīng)和調(diào)整。具體實踐包括許多方面，包括彈性網(wǎng)格和布局，圖像以及CSS媒體查詢的使用。無論用戶使用的是筆記本電腦還是iPad，我們的頁面都應(yīng)該能夠自動切換分辨率，圖像大小和相關(guān)的腳本功能以適應(yīng)不同的設(shè)備;換句話說，頁面應(yīng)該能夠自動響應(yīng)用戶的設(shè)備環(huán)境。

 

也就是說，響應(yīng)式網(wǎng)頁設(shè)計要求網(wǎng)站與多個終端——兼容，而不是為每個終端制作特定版本。通過這種方式，我們不必為即將推出的新設(shè)備進行特殊的版本設(shè)計和開發(fā)。

 

Ethan Marcotte在他的A List Apart文章中發(fā)明了響應(yīng)式網(wǎng)頁設(shè)計（RWD）一詞。他在2011年關(guān)于這一主題的短篇小說中描述了自適應(yīng)網(wǎng)頁設(shè)計的理論和實踐。自適應(yīng)設(shè)計在.net雜志的2012年頂級網(wǎng)頁設(shè)計趨勢中排名第二（漸進增強是第一個）。他們還列出了Ethan Marcotte最喜歡的20個自適應(yīng)網(wǎng)站。

 

Ethan Marcotte在A List Apart上發(fā)表了一篇關(guān)于“響應(yīng)式網(wǎng)頁設(shè)計”的文章，其中引用了自適應(yīng)架構(gòu)設(shè)計的概念：提出了一種新興的學(xué)科——'響應(yīng)式架構(gòu)'——，物理空間應(yīng)該響應(yīng)當(dāng)前人的情況在里面。結(jié)合嵌入式機器人技術(shù)和可拉伸材料的應(yīng)用，建筑師正在嘗試建造一種可以根據(jù)周圍人群進行彎曲，伸縮和擴展的墻體結(jié)構(gòu);運動傳感器還可以與氣候控制系統(tǒng)一起使用，以調(diào)節(jié)室內(nèi)溫度和環(huán)境光。已經(jīng)有公司生產(chǎn)“智能玻璃”：當(dāng)房間里的人數(shù)達到一定的閾值時，玻璃會自動變得不透明并確保隱私。

 

將這個想法擴展到Web設(shè)計領(lǐng)域，我們有了一個新概念。為什么必須為每個用戶組創(chuàng)建設(shè)計和開發(fā)解決方案？與自適應(yīng)架構(gòu)類似，Web設(shè)計也應(yīng)自動響應(yīng)并適應(yīng)不同的設(shè)備環(huán)境。

 

顯然，我們不能也不需要運動傳感器或機器人技術(shù)。響應(yīng)式Web設(shè)計需要更抽象的思考。幸運的是，已經(jīng)實現(xiàn)了一些相關(guān)概念，例如液體布局，媒體查詢和幫助頁面重新格式化的腳本。但是，自適應(yīng)網(wǎng)頁設(shè)計不僅僅是屏幕分辨率自適應(yīng)和自動縮放圖像等。它更像是一種新的設(shè)計思維方式。