設(shè)計(jì)趨勢(shì)！設(shè)計(jì)的現(xiàn)狀與趨勢(shì)(3)

1、忘記設(shè)備

因?yàn)槲覀儾恢烙脩魰?huì)用什么樣的設(shè)備來(lái)訪問(wèn)網(wǎng)站，因此，我們必須盡可能地把所有情況都囊括進(jìn)來(lái)；所有的東西（布局、組件等）都能與不同類型的設(shè)備和平臺(tái)相兼容。

2、優(yōu)雅降級(jí)

雖然這個(gè)概念一開始是技術(shù)實(shí)現(xiàn)上對(duì)新的特性在老的瀏覽器上無(wú)法很好實(shí)現(xiàn)時(shí)的折中做法，但在此僅想表達(dá)在對(duì)布局做彈性設(shè)計(jì)時(shí)，內(nèi)容從寬到窄的變化呈現(xiàn)，必須經(jīng)過(guò)重重篩選，留存最核心的內(nèi)容塊。這種模式非常適合對(duì)已存在的pc頁(yè)面產(chǎn)品進(jìn)行響應(yīng)式設(shè)計(jì)改造。

3、漸進(jìn)增強(qiáng)

此概念是在Steven在2003年的SXSW活動(dòng)上提出的。在本質(zhì)上來(lái)說(shuō)，就是把優(yōu)雅降級(jí)倒過(guò)來(lái)：先創(chuàng)建一個(gè)基本體驗(yàn)，側(cè)重讓內(nèi)容以一種簡(jiǎn)介的方式來(lái)展現(xiàn)；之后，在保證基本體驗(yàn)的前提下，開始著手做有關(guān)顯示的布局和交互。而在此，也借用來(lái)說(shuō)明下對(duì)于響應(yīng)式設(shè)計(jì)的內(nèi)容策略中，內(nèi)容從窄到寬的變化呈現(xiàn)中，可以讓內(nèi)容的豐富度也相應(yīng)地有所增加。這種模式與移動(dòng)優(yōu)先策略是相匹配的。

當(dāng)然，目前響應(yīng)式也是有存在各種爭(zhēng)論的，也許你有一個(gè)很好的理由不用響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)？但我想沒(méi)人會(huì)說(shuō)，“讓我們擺脫響應(yīng)式設(shè)計(jì)吧”，而實(shí)際上，越來(lái)越多的網(wǎng)站選擇成為響應(yīng)式。2014年如此，2015年也還是會(huì)繼續(xù)，因?yàn)檫@已經(jīng)不是種趨勢(shì)，而怡然是種常態(tài)了。

雖然響應(yīng)式設(shè)計(jì)的優(yōu)勢(shì)和趨勢(shì)已被普遍認(rèn)可，但目前響應(yīng)式設(shè)計(jì)的模式的普及還是有很多難題需要突破：

1、響應(yīng)式圖片

目前彈性圖片的做法主要是：縮放、剪裁、分條件加載等實(shí)現(xiàn)方法本質(zhì)上都只是一個(gè)技巧，只是治標(biāo)不治本地掩蓋了問(wèn)題，并未真正完美地實(shí)現(xiàn)圖片的彈性。

2、跨端的交互

在響應(yīng)式設(shè)計(jì)中，我們不僅要需要考慮桌面用戶的使用習(xí)慣，還必須兼顧不同尺寸的手持設(shè)備。比如在桌面端無(wú)盡優(yōu)雅的Hover，在移動(dòng)端卻是無(wú)比糟糕的體驗(yàn)，如何“求同存異”，讓各端體驗(yàn)均能最佳，還是需要繼續(xù)深入探究的。

3、性能

性能估計(jì)是在響應(yīng)式開發(fā)中最大的痛，按條件加載、隱藏或顯示什么內(nèi)容，都會(huì)比單一條件判斷的代碼結(jié)構(gòu)來(lái)的繁瑣，并影響體驗(yàn)及維護(hù)。尤其是移動(dòng)性能上，更多樣的設(shè)備具有更加復(fù)雜的使用環(huán)境，如何識(shí)別設(shè)備，并讓設(shè)備在不同環(huán)境均能良好體驗(yàn)，也是一根硬骨頭。

4、合作流程

響應(yīng)式設(shè)計(jì)遠(yuǎn)遠(yuǎn)不止是一種簡(jiǎn)單的設(shè)計(jì)策略，它為Web項(xiàng)目帶來(lái)的是一整套全新的、完整的方法，還應(yīng)該包括一種新的、可以更好地利用這一模式的工作流程。

最后，我想說(shuō)下響應(yīng)式體現(xiàn)的是一種高度適應(yīng)性的設(shè)計(jì)思維模式。在響應(yīng)式設(shè)計(jì)探究的道路上，響應(yīng)式本身不是唯一目的，基于任意設(shè)備對(duì)頁(yè)面內(nèi)容進(jìn)行完美規(guī)劃的設(shè)計(jì)策略及工作流程應(yīng)該是我們更大的課題。