現在對于我們中的很多人來(lái)說(shuō),影響Web的要素可以總結為三個(gè)詞。
它們是:
●響應式
●網(wǎng)頁(yè)
●設計
正是Ethan Marcotte為這個(gè)包含了流動(dòng)性網(wǎng)格( fluid grids )自適應圖片(liquid images)和CSS3媒體查詢(xún)( media queries )的組合體命名,而此后,全世界的開(kāi)發(fā)人員也不斷發(fā)布了一些非常好的樣板、程序包、腳本以及模版解決方案來(lái)應對這個(gè)組合體帶來(lái)的諸多挑戰,這個(gè)組合體被Ethan稱(chēng)為“ 響應式網(wǎng)頁(yè)設計( Responsive Web design )"。但是，響應式網(wǎng)頁(yè)設計并不僅僅在講設計者和開(kāi)發(fā)者如何利用像CSS3媒體查詢(xún)( media queries )這樣的技術(shù)，它也不是在講我們如何(根據設備環(huán)境) 相應地提供不同尺寸的圖片或處理數據表，這些都只是技術(shù)上的挑戰;而自適應不僅僅是克服技術(shù)性難題。它并不意味著(zhù)學(xué)習新的語(yǔ)言或是如何最好地應用這些語(yǔ)言。我也希望它僅僅是這么簡(jiǎn)單。
       可惜它不是。響應式設計要難得多。
無(wú)論你喜歡與否，響應式網(wǎng)頁(yè)設計挑戰著(zhù)我們每一個(gè)身處其中的人對網(wǎng)頁(yè)設計所認知的一切，這就是為什么在這一章里我將要論證 ，有關(guān)設計的那些陳舊方法是怎樣變得不再恰當，并且我要引入一個(gè)響應式設計的新方法，一個(gè)已經(jīng)對我和我的客戶(hù)卓有成效的方法。

1. Web設計的本質(zhì)

就Web設計對我們的意義來(lái)說(shuō)，響應式網(wǎng)頁(yè)設計代表了一個(gè)根本性轉變。并不是只有我這樣認為。Andy Hume曾寫(xiě)道：
       “對我而言，響應式設計是關(guān)于Web的設計之道。這就是為什么它不是一個(gè)額外的附加或是一個(gè)特征，而是Web設計的本質(zhì)。”
我同意Andy的觀(guān)點(diǎn)，盡管我知道有些人把響應式Web設計僅僅看為眾多趨勢中的一種，但我相信它有可能是自Web誕生以來(lái)再web設計方面最大也是最重要的改變。

2. 怎樣做、何時(shí)做以及為什么做

響應式Web設計改變了我們在Web.上的所為，因此這也意味著(zhù)我們是如何讓W(xué)eb發(fā)生改變。受到影響的不僅僅是設計者和開(kāi)發(fā)者。響應式網(wǎng)頁(yè)設計影響著(zhù)每一個(gè)對Web有所思考、設計、建設、支付或是利用的人。

• 內容策略專(zhuān)家?有你。
• 互動(dòng)，體驗或是平面設計師？沒(méi)錯你在內。
• 前端或后臺開(kāi)發(fā)人員？也有你。
• 老板，客戶(hù)或顧客？那還用說(shuō)。
• 用戶(hù)？也有你，而且你深受其益。

相對于提供答案，響應式Web設計更多的是提出問(wèn)題。從內容策略專(zhuān)家道形形色色的設計師和開(kāi)發(fā)者，再道對我們的工作最終認可并支付的老板和顧客，響應式web設計影響著(zhù)每個(gè)進(jìn)程每個(gè)人的工作關(guān)系與互動(dòng)。
       它挑戰著(zhù)有關(guān)怎樣做、何時(shí)做以及為什么做的問(wèn)題。這些挑將不會(huì )總是如此輕易地被攻克，而它們所帶來(lái)的改變也不會(huì )總是廣受歡迎，也許會(huì )有大量阻力來(lái)自于那些不能或是不愿看到這種適應性需求的人。

3. 簡(jiǎn)單！真的很簡(jiǎn)單

1998年，當我剛開(kāi)始運營(yíng)我自己的小設計工作室時(shí)，我遇到的最大技術(shù)問(wèn)題是，Internet Explorer 4瀏覽器和Netscape 4瀏覽器在我的設計如何呈現這方面是不同的。說(shuō)實(shí)話(huà)，即使我那時(shí)不得不應對尚未成熟的技術(shù)并周旋于那些令，人頭疼的瀏覽器，我仍然感到很輕松。我們都是這樣。真的很簡(jiǎn)單。這里寫(xiě)下了我當時(shí)的做法。我打賭你們當時(shí)也一樣這么做?；蛟S現在你們仍然這樣做? (1)我先用Adobe Photoshop或者M(jìn)acromedia Fireworks做一 個(gè)設計個(gè)我希望每個(gè)人都能看到的單獨設計，無(wú)論他們使用哪一-個(gè)瀏覽 器或是他們的屏幕有多大。(2)然后我要把這個(gè)設計作為一個(gè)復合信號( comp)或是模型(我把它們叫做靜態(tài)圖像，因為它們都是平面的、非互動(dòng)式的)展示給我的客戶(hù)。(3)在此之后，我會(huì )根據他們的反饋做一 些改變。我重新設計和輸出新的靜態(tài)圖像( static visuals b當這些設計在第二輪、第三輪或是第四輪認可中被敲定，我就把它們轉化成超文本標記語(yǔ)言(HTML)或者級聯(lián)樣式表(CSs),把它們發(fā)布出去，然后回家正好趕上下午茶和動(dòng)物魔法( Animal Magic)的重播。
在那時(shí)，做一個(gè)單獨的設計是可以被接受的，因為對我們自己、我們的老板以及我們的顧客來(lái)說(shuō)，桌面差不多是進(jìn)入Web的唯一入口。 但今天我們已經(jīng)不能僅僅制作一個(gè)設計了。它不再那么容易，因為不像從前我們只有兩個(gè)重要的桌面瀏覽器，如今再各種各樣的設備上可能有上百種瀏覽器被使用來(lái)進(jìn)入Web。

4. 接受事物的盛衰興亡

中生泊溯到千禧年之際，我們在那時(shí)也應該已經(jīng)注意到Web與其他媒介是古著(zhù)本質(zhì)的不同，并且這種獨特性一部分來(lái) 自于我們對一件事的缺乏控制，時(shí)就是人們對我們在 互聯(lián)網(wǎng)上提供的內容 與服務(wù)怎樣來(lái)看待和互動(dòng)。事實(shí)是，我們原本就應該為 Web的靈活性本質(zhì) 而設計。實(shí)際上,那時(shí)有些人注意到了我們使用的方法之愚蠢，并試圖對我們加以提I醒。2000年， John Allsopp寫(xiě)了一 篇被很多人認為是有史以來(lái)關(guān)于Web設計最重要的文章:“Web設計之道(A Dao of Web Design)"。其中，約翰寫(xiě)道: 1最重要的文章:“Web設計之道(A Dao of Web Design)"。其中，約翰寫(xiě)道: 1控制性，僅僅是印刷媒介由于功能所限造成的。我們應當欣然接受Web無(wú)此局限這一事實(shí),并基于這種靈活性來(lái)設計。但是首先，我們必須承認事物的盛衰興亡。” 這是個(gè)好提議。所以我們接受了嗎? 沒(méi)有。真是愚蠢的人。
       那么我們做了什么? 我們自欺欺人地認為我們在掌控。我們試圖施加與以前使用印刷媒介時(shí)相同程度的控制。我們大大忽略了這個(gè)令人棘手的靈活的Web,反而試圖將網(wǎng)絡(luò )加以固定化。下面講述了我們是如何做的。