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

 

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

 

設(shè)計(jì)理念

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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