自適應(yīng)性網(wǎng)站設(shè)計是一種網(wǎng)絡(luò)網(wǎng)頁設(shè)計布局，其思想是：創(chuàng)建網(wǎng)頁的集中式圖片排版大小，可根據(jù)用戶行為和所用設(shè)備環(huán)境智能地進(jìn)行相應(yīng)的布局。

設(shè)計概念

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

自適應(yīng)性網(wǎng)站設(shè)計(ResponsiveWebdesign)的基本思想是：

應(yīng)根據(jù)用戶行為和設(shè)備環(huán)境(系統(tǒng)平臺、屏幕尺寸、屏幕方向等)對網(wǎng)頁的設(shè)計和開發(fā)做出相應(yīng)的反應(yīng)和調(diào)整。其具體操作方法是多面的，包括彈性網(wǎng)格和布局，圖片，CSSmediaquery的使用等等。不管用戶是使用筆記本電腦還是iPad，我們的頁面應(yīng)該能夠自動切換分辨率，圖片大小和相關(guān)的腳本功能等等，以適應(yīng)不同的設(shè)備；換句話說，頁面應(yīng)該能夠自動響應(yīng)用戶的設(shè)備環(huán)境。

也就是說，自適應(yīng)網(wǎng)頁設(shè)計要求一個網(wǎng)站可以兼容多個終端，而不是為每一個終端制作特定的版本。這樣一來，我們就不必再專門為即將到來的新設(shè)備進(jìn)行設(shè)計和開發(fā)。

在AListApart上，EthanMarcotte在他的文章中發(fā)明了“ResponsiveWebDesign”這個術(shù)語。2011年，他就該主題撰寫了一本短篇小說，描述了自適應(yīng)網(wǎng)頁設(shè)計的理論和實踐。因特網(wǎng)雜志將適應(yīng)性設(shè)計列為2012年最受歡迎網(wǎng)頁設(shè)計趨勢的第二名(第一名是進(jìn)步增強(qiáng))。它們還列出了EthanMarcotte最喜愛的20個適應(yīng)性網(wǎng)站。

艾森·馬科特曾在AListApart上發(fā)表過一篇題為"ResponsiveWebDesign"的文章，引述了適應(yīng)性建筑設(shè)計的概念：現(xiàn)在出現(xiàn)了一個新興的學(xué)科"responsivearchitecture"，它提出物理空間應(yīng)該根據(jù)存在的人做出反應(yīng)。建筑師正試圖將嵌入式機(jī)器人技術(shù)與可拉伸材料的應(yīng)用相結(jié)合，構(gòu)建一種能夠根據(jù)周圍人群情況進(jìn)行彎曲、伸縮和擴(kuò)展的墻結(jié)構(gòu)；也可以使用運動傳感器與氣候控制系統(tǒng)相結(jié)合，以調(diào)節(jié)室內(nèi)溫度和環(huán)境光線。目前已有公司生產(chǎn)“智能玻璃”：當(dāng)室內(nèi)人數(shù)達(dá)到一定的門檻時，這種玻璃會自動變得不透明，保證隱私。

把這一思想延伸到網(wǎng)絡(luò)設(shè)計領(lǐng)域，我們就會得到一個全新的概念。為什麼必須為每一個用戶群分別建立一套設(shè)計和開發(fā)方案？與適應(yīng)性建筑類似，網(wǎng)絡(luò)設(shè)計也應(yīng)該同樣能根據(jù)不同的設(shè)備環(huán)境做出自動響應(yīng)和調(diào)整。

很明顯，我們不能也不需要運動傳感器或機(jī)器人技術(shù)，響應(yīng)式Web設(shè)計更需要抽象思維。很好的一點是，一些相關(guān)的概念已經(jīng)在實踐中了，比如流線設(shè)計，mediaqueries和腳本幫助頁面重新格式化，等等。但適應(yīng)性Web設(shè)計不只是屏幕分辨率的適應(yīng)性，還有圖片的自動縮放等，它更像是一個全新的設(shè)計思維模式。