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 之前版本的技术支持。但在国内由于一些历史遗留原因这一进程要落后不少。