响应式设计专家Ben Frain：设计是为解决问题而存在的

非商业转载请注明做译者、出处，并保留本文的原始连接：http://www.ituring.com.cn/article/72202

Ben Frain从1996年开始开发网页，是一名有着丰富经验的网页设计师和前端工程师，他与世界各地的客户和设计机构并肩工做。他在响应式设计领域的造诣尤为深厚，精于前端代码性能优化，著有《响应式Web设计：HTML5和CSS3实战》和Sass and Compass for Designers。于此同时，他仍是一名科技记者，按期为一些关注Mac平台、前沿科技、网页设计和航空技术的刊物撰稿。在此以前，他曾是一名电视演员，毕业于索尔福德大学的媒体与表演专业。

图灵社区：是什么促使你放弃本身的表演事业成为一位web设计师的？

因素不少。最终让我决定从事web设计的缘由是我想开始努力巩固本身在某一方面的技术，从而成为这个领域的专家。表演须要处处旅行，这样陪家人的时间就少了。

图灵社区：你能列举几个响应式设计网站最好的例子吗？

如今这样的例子太多了！CodeKit最近刚刚推出了新的网站，我很是喜欢。

可是，我认为列举一些具体的站点是不太合适的（虽然我刚刚这么作了），由于设计是为解决问题而存在的。因此这是一个你能够自问的问题：你正在寻找的响应式设计是否很好地解决了你已有的问题。

图灵社区：当开发原生应用的时候，流量是开发者考虑的主要问题之一，他们会为这些应用作一些有针对性的优化。在进行响应式设计时，咱们怎么才能把流量考虑进去？

像Google Page Speed Insights这样的工具是一个很好的开始。而后咱们就须要考虑CDN，使用工具来优化资源。但那就彻底是另外一码事儿了，一言难尽。

图灵社区：你认为适应性设计和响应式设计的区别是什么？

我认为适应式设计并不必定会用到流式布局；从根本上它是两个响应式设计的核心组件（流式图像，流式网格布局，媒体查询）。因此，最后你在视图间的设计会存在“断点”。

图灵社区：你认为渐进加强的web设计能够和响应式设计融合吗？

渐进加强以恪守Web标准的标签为基础，意味着它在全部浏览器中都可用。而后经过CSS样式和必要的JavaScript来为更先进的浏览器提供渐进式的加强体验。

我认为全部的响应式设计都是渐进设计的；从最低规格的设备的承载能力开始，而后以此为基础构建，渐进地为更有能力的设备增长更多功能。若是你发现本身须要从网页上去除不少元素，好比视口或者性能变动，那么你的前进方向极可能是错误的！

图灵社区：如今的移动设备，不只尺寸千差万别，分辨率也愈来愈高，响应式设计能够为高分辨率设备提供支持吗？

设备及其性能老是与时俱进。iPhone 4是第一款被普遍使用的高分辨率设备。它的屏幕大小为960乘以640像素，分辨率为每英寸326个像素，是上一个版本iPhone（iPhone 3GS）及2011年的15" MacBook Pro笔记本分辨率的两倍。预计其余设备，从平板电脑到笔记本电脑再到台式机都会跟风。

响应式工具已经提供了一些解决方法，能够为这类设备提供加强支持。可是使用这个技巧时须要慎重。图片尺寸越大，文件体积也越大，所需的加载时间会更长，因此再重申一遍：你能够这么作，但不必定应该这么作。

另外，若是浏览器支持可缩放矢量图形（SVG），那使用该技术替代图片能够解决咱们目前面临的不少图片缩放问题。顾名思义，可缩放矢量图形能生成可任意缩放但显示清晰的矢量图片。不过，媒体查询和SVG对嵌入在页面中的高分辨率图片无能为力。在这种状况下你须要考虑基于JavaScript的解决方案。

图灵社区：可穿戴移动设备好比Google Glass和iWatch吸引来愈来愈多的关注。你认为响应式设计能够应用到这些设备上吗？

我坚信，对目前的大多数网站来讲，采用HTML5和CSS3的响应式网站设计，绝对是最佳方案。只要对现有的工做流程、实际作法和开发技巧稍做调整，就能够制做出快速、灵活、易维护的网站，最重要的是，不管在何种视口下网站都能表现完美。

我认为响应式web设计给了你一个最好的机会，让你能够在任何设备上很好地展示本身的网站。总会有新的设备，新的技术和科技出现，这是进步。咱们必须时刻准备着拥抱新的事物，并为此调整本身。

图灵社区：你认为原生应用和web应用在将来哪一个会占领市场？为何？

我认为（但愿）web应用会最终赢得市场，由于它们有无所不在的本质（能够被用在更多地方），可是web还有一段路要走。好比，咱们须要去掉移动浏览器的300毫秒滞后，而后提供一种更强健的布局机制。这些问题虽然存在，但并不存在于全部设备。这同时也是web的强项，它可让人们体验到全部功能，而不是向一部分用户提供一个二元的体验（有仍是没有）。

图灵社区：有些人确实预测web应用在将来会超过原生应用。可是响应式设计还有本身的局限性。你认为最终的解决方案是什么？

咱们必需要等一等才能看到将来，让本身适应到发展中。我不太喜欢猜想。

---

更多精彩，加入图灵访谈微信！