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