當(dāng)我們?cè)?018年談?wù)?a href="http://gagu89.com/wangyesheji/" target="_blank" >網(wǎng)頁(yè)設(shè)計(jì)時(shí)，我們實(shí)際上是在談?wù)擁憫?yīng)式網(wǎng)頁(yè)設(shè)計(jì)。僅僅在七年多的時(shí)間里，"響應(yīng)式"這個(gè)詞就成為了一種無(wú)處不在的行業(yè)標(biāo)準(zhǔn)。響應(yīng)式網(wǎng)站設(shè)計(jì)是設(shè)計(jì)一個(gè)站點(diǎn)或網(wǎng)站應(yīng)用程序的過(guò)程，以便其內(nèi)容根據(jù)所觀看的設(shè)備進(jìn)行適當(dāng)調(diào)整。幾年前，我看了伊桑?馬科特(Ethan marcotte)的一次精彩的會(huì)議演講，他創(chuàng)造了"響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)"(responsive 網(wǎng)站 design)這個(gè)詞，他把響應(yīng)式網(wǎng)站比作猶他州的Pando tree；一個(gè)具有連接根系結(jié)構(gòu)的有機(jī)體，在不同的地方，不同的環(huán)境，不同的大小，從底下冒出來(lái)，但都具有相同的基礎(chǔ)基因。

可以說(shuō)，響應(yīng)式設(shè)計(jì)的采用促進(jìn)了移動(dòng)網(wǎng)絡(luò)的發(fā)展；如果沒(méi)有它，與桌面版本并行開(kāi)發(fā)移動(dòng)站點(diǎn)的成本將意味著許多公司堅(jiān)持使用后者。

但響應(yīng)式設(shè)計(jì)并非沒(méi)有問(wèn)題，根據(jù)定義，響應(yīng)式設(shè)計(jì)"響應(yīng)"的是視圖大小，而不是內(nèi)容?；谌萜鞯腃SS媒體查詢變體已經(jīng)被提出作為一種解決方案，但到目前為止還只是某人白板上的一張便箋。

設(shè)計(jì)主要是關(guān)于元素之間的關(guān)系，而這些關(guān)系在小屏幕上是受限制的。此外，因?yàn)槲覀兊臉?biāo)記是語(yǔ)義結(jié)構(gòu)的，所以為移動(dòng)設(shè)備設(shè)計(jì)的關(guān)系經(jīng)常被轉(zhuǎn)換到更大的視圖上。

在過(guò)去一年中，最常受到批評(píng)的UI決策之一是越來(lái)越多的漢堡菜單被用于桌面。然而，很少有人注意到移動(dòng)布圖——將內(nèi)容分成12欄格的水平條帶——按比例擴(kuò)大到桌面。

響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)是否正在扼殺創(chuàng)造力，這個(gè)問(wèn)題可能是不公平的；它假定多樣性和創(chuàng)新是設(shè)計(jì)過(guò)程的命脈。它還把責(zé)任歸咎于一個(gè)概念，如果有責(zé)任分?jǐn)?，它肯定取決于實(shí)施。事實(shí)上，設(shè)計(jì)往往會(huì)在最嚴(yán)格的限制下蓬勃發(fā)展——我認(rèn)識(shí)一位設(shè)計(jì)師，他會(huì)在客戶的簡(jiǎn)報(bào)中加入自己的限制，因?yàn)樗X(jué)得自己的工作在面臨挑戰(zhàn)時(shí)更強(qiáng)大。

響應(yīng)式設(shè)計(jì)與品牌設(shè)計(jì)配合得非常好，但在布局上并不理想。實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)的最佳方式可能是為不同的視圖類創(chuàng)建不同的設(shè)計(jì)，并且僅對(duì)類似的屏幕依賴響應(yīng)式技術(shù)。我們可能不知道每個(gè)屏幕的確切尺寸，但我們知道手機(jī)必須裝在口袋里，我們知道筆記本電腦不能比鍵盤窄。

響應(yīng)式設(shè)計(jì)可能只是一個(gè)超前的想法，我們意識(shí)到，一旦像CSS變量和容器查詢這樣的工具被實(shí)現(xiàn)，網(wǎng)站上的設(shè)計(jì)將再次變得多樣化。