靈活自如:原子與元素設(shè)計(jì)
日期 : 2021-12-27 14:06:59
現(xiàn)在對于我們中的很多人來說,影響Web的要素可以總結(jié)為三個(gè)詞。
它們是:
●響應(yīng)式
●網(wǎng)頁
●設(shè)計(jì)
正是Ethan Marcotte為這個(gè)包含了流動(dòng)性網(wǎng)格( fluid grids )自適應(yīng)圖片(liquid images)和CSS3媒體查詢( media queries )的組合體命名,而此后,全世界的開發(fā)人員也不斷發(fā)布了一些非常好的樣板、程序包、腳本以及模版解決方案來應(yīng)對這個(gè)組合體帶來的諸多挑戰(zhàn),這個(gè)組合體被Ethan稱為“ 響應(yīng)式網(wǎng)頁設(shè)計(jì)( Responsive Web design )"。但是,響應(yīng)式網(wǎng)頁設(shè)計(jì)并不僅僅在講設(shè)計(jì)者和開發(fā)者如何利用像CSS3媒體查詢( media queries )這樣的技術(shù),它也不是在講我們?nèi)绾?根據(jù)設(shè)備環(huán)境) 相應(yīng)地提供不同尺寸的圖片或處理數(shù)據(jù)表,這些都只是技術(shù)上的挑戰(zhàn);而自適應(yīng)不僅僅是克服技術(shù)性難題。它并不意味著學(xué)習(xí)新的語言或是如何最好地應(yīng)用這些語言。我也希望它僅僅是這么簡單。
可惜它不是。響應(yīng)式設(shè)計(jì)要難得多。
無論你喜歡與否,響應(yīng)式網(wǎng)頁設(shè)計(jì)挑戰(zhàn)著我們每一個(gè)身處其中的人對網(wǎng)頁設(shè)計(jì)所認(rèn)知的一切,這就是為什么在這一章里我將要論證 ,有關(guān)設(shè)計(jì)的那些陳舊方法是怎樣變得不再恰當(dāng),并且我要引入一個(gè)響應(yīng)式設(shè)計(jì)的新方法,一個(gè)已經(jīng)對我和我的客戶卓有成效的方法。
- Web設(shè)計(jì)的本質(zhì)
“對我而言,響應(yīng)式設(shè)計(jì)是關(guān)于Web的設(shè)計(jì)之道。這就是為什么它不是一個(gè)額外的附加或是一個(gè)特征,而是Web設(shè)計(jì)的本質(zhì)。”
我同意Andy的觀點(diǎn),盡管我知道有些人把響應(yīng)式Web設(shè)計(jì)僅僅看為眾多趨勢中的一種,但我相信它有可能是自Web誕生以來再web設(shè)計(jì)方面最大也是最重要的改變。
- 怎樣做、何時(shí)做以及為什么做
- 內(nèi)容策略專家?有你。
- 互動(dòng),體驗(yàn)或是平面設(shè)計(jì)師?沒錯(cuò)你在內(nèi)。
- 前端或后臺(tái)開發(fā)人員?也有你。
- 老板,客戶或顧客?那還用說。
- 用戶?也有你,而且你深受其益。
它挑戰(zhàn)著有關(guān)怎樣做、何時(shí)做以及為什么做的問題。這些挑將不會(huì)總是如此輕易地被攻克,而它們所帶來的改變也不會(huì)總是廣受歡迎,也許會(huì)有大量阻力來自于那些不能或是不愿看到這種適應(yīng)性需求的人。
- 簡單!真的很簡單
在那時(shí),做一個(gè)單獨(dú)的設(shè)計(jì)是可以被接受的,因?yàn)閷ξ覀冏约?、我們的老板以及我們的顧客來說,桌面差不多是進(jìn)入Web的唯一入口。 但今天我們已經(jīng)不能僅僅制作一個(gè)設(shè)計(jì)了。它不再那么容易,因?yàn)椴幌駨那拔覀冎挥袃蓚€(gè)重要的桌面瀏覽器,如今再各種各樣的設(shè)備上可能有上百種瀏覽器被使用來進(jìn)入Web。
- 接受事物的盛衰興亡
那么我們做了什么? 我們自欺欺人地認(rèn)為我們在掌控。我們試圖施加與以前使用印刷媒介時(shí)相同程度的控制。我們大大忽略了這個(gè)令人棘手的靈活的Web,反而試圖將網(wǎng)絡(luò)加以固定化。下面講述了我們是如何做的。