自適應網頁設計

自適應性網站設計是一種網絡網頁設計布局，其思想是：創建網頁的集中式圖片排版大小，可根據用戶行為和所用設備環境智能地進行相應的布局。

設計概念

這個概念是由著名的國外網頁設計師EthanMarcotte在2010年5月提出的。

自適應性網站設計(ResponsiveWebdesign)的基本思想是：

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

也就是說，自適應網頁設計要求一個網站可以兼容多個終端，而不是為每一個終端制作特定的版本。這樣一來，我們就不必再專門為即將到來的新設備進行設計和開發。

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

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

把這一思想延伸到網絡設計領域，我們就會得到一個全新的概念。為什麼必須為每一個用戶群分別建立一套設計和開發方案？與適應性建筑類似，網絡設計也應該同樣能根據不同的設備環境做出自動響應和調整。

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