1. 響應(yīng)式不是萬靈藥
國內(nèi)有大把的外包公司打出“快速建響站”的招牌來吸引客戶,不管客戶有什么樣的需求,都想方設(shè)法地去做成響應(yīng)式,然而這種所謂的響應(yīng)式僅僅解決了顯示的問題,并沒有解決可用性的問題??催^一兩個(gè)案例就能明顯感受到其中的粗糙感和廉價(jià)感。
響應(yīng)式雖然是一種很好的方案,但并不是萬能的。對(duì)于一些以展示為主、交互較少的網(wǎng)站,響應(yīng)式確實(shí)是一種不錯(cuò)的解決方案;但對(duì)于一些信息量較大、交互較為復(fù)雜的網(wǎng)站(例如各類大型電商、門戶、后臺(tái)管理系統(tǒng)等),響應(yīng)式未必是最合適的解決方案,PC端和移動(dòng)端需要完全不同的設(shè)計(jì)來應(yīng)對(duì),單獨(dú)建立移動(dòng)站才是更合適的方案。
2. 響應(yīng)式應(yīng)該是移動(dòng)優(yōu)先的設(shè)計(jì)
由于移動(dòng)浪潮晚于PC Web的到來,很多從業(yè)人員會(huì)下意識(shí)的認(rèn)為響應(yīng)式是把PC站進(jìn)行壓縮和調(diào)整去適配移動(dòng)端,但恰恰相反,響應(yīng)式正確的做法應(yīng)該是移動(dòng)優(yōu)先的,然后逐漸放大到平板、PC等更大分辨率的屏幕,整個(gè)設(shè)計(jì)過程中每一步都需要考慮設(shè)計(jì)在不同分辨率下的顯示效果,而不是等移動(dòng)端全部設(shè)計(jì)好了之后再去考慮更的的屏幕。
為什么呢?當(dāng)你試圖把一個(gè)傳統(tǒng)的PC站點(diǎn)試圖壓縮到小屏幕時(shí),你會(huì)遇到的最多的問題就是大量的頁面內(nèi)容沒地方放,原本一屏就能容納下的控件現(xiàn)在被迫要隱藏或被安排到首屏以外的空間。這種感覺就像是你原本住著200平米的大戶型,家里布置了豐富的生活設(shè)施,咖啡機(jī)、魚缸、小花園……應(yīng)有盡有,但突然現(xiàn)在要你住到一個(gè)30平米的小戶型,顯然家里原本的那些生活設(shè)置沒法想以前那樣全都搬進(jìn)來,要么換成適合小戶型的設(shè)計(jì)減少空間占用;要么利用室內(nèi)設(shè)計(jì)中“偷空間”的概念,讓同樣的屏幕空間在不同的場景下只顯示必需的部分內(nèi)容;要么就只能丟掉一部分東西,當(dāng)然這是我們最不希望看到的。
反觀,如果是移動(dòng)優(yōu)先的設(shè)計(jì),就好比是從小戶型搬到了大戶型,首先東西放不下的問題壓根就不存在了,原本需要裝箱子摞起來放的東西,現(xiàn)在可以攤開來放到更大的空間里方便拿取。當(dāng)然這時(shí)候需要改變的不僅僅只是生活設(shè)施擺放的間距,還要根據(jù)大戶型的特點(diǎn)去做針對(duì)想的調(diào)整,甚至由于現(xiàn)在有了更大的空間,可以添置一些原本在小戶型時(shí)代沒有的生活設(shè)施以改善生活,但這些添置的東西都屬于改善型,非必須的,有它們能生活得更好,但如果沒有它們,原本在小戶型時(shí)代我們也照樣活下來了。
3. 萬惡的IE
這是一個(gè)困擾國內(nèi)開發(fā)者多年的問題,十多年了,雖然現(xiàn)在基本可以不用管IE6了,但I(xiàn)E8的存在依然是個(gè)很大的阻礙,想必這兩塊狗皮膏藥應(yīng)該會(huì)是 IE 史上被世人記住最多的版本了吧。
單就移動(dòng)平臺(tái)而言由于沒有了 IE 的限制(由于一些眾所周知的原因,這里不考慮Windows Phone平臺(tái)),瀏覽器大都比較新,阻礙并不大,但由于響應(yīng)式設(shè)計(jì)需要兼顧PC端,因此還不能完全脫離 IE。
美國的瀏覽器市場環(huán)境整體比國內(nèi)要好不少(之所以以美國為例,是因?yàn)镮T行業(yè)美國確實(shí)占據(jù)了不少的主導(dǎo)地位,微軟、蘋果、谷歌、火狐這些瀏覽器大廠都是美國企業(yè)),即便是IE用戶普遍也都在使用比較高的版本,對(duì)于新特性的支持度要好一些,因此美國的開發(fā)者有更大的自信去在基礎(chǔ)設(shè)施層面上放棄對(duì)低版本IE的支持,典型的比如:jQuery 3.x、Angular 1.3+、React 0.15+等都已經(jīng)不再支持 IE8,微軟官方也早已放棄對(duì) IE 11 之前版本的技術(shù)支持。但在國內(nèi)由于一些歷史遺留原因這一進(jìn)程要落后不少。