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