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

1、忘記設(shè)備

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

2、優(yōu)雅降級

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

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

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

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

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

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

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

2、跨端的交互

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

3、性能

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

4、合作流程

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

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