Google Reader

聊聊响应性设计和开发

by Kejun

at 2011-06-25 09:29:31

original http://hikejun.com/blog/2011/06/24/%e8%81%8a%e8%81%8a%e5%93%8d%e5%ba%94%e6%80%a7%e8%ae%be%e8%ae%a1%e5%92%8c%e5%bc%80%e5%8f%91/

非常有幸受Franky之邀参加北京腾讯CDC“火山囗”活动。第一次同时面对100多设计师谈一些或许设计师会认为跟自己无关的技术话题，虽然我认为这个话题至少50％是设计相关的，感谢他们耐心的听完了。

响应性设计（Responsive UI），这是一个关于新时期设计策略的话题。幻灯里解释了它，我不想再赘述。

这是一个有意义的话题，主要解决跨设备跨平台布署产品的问题。从PC到各种移动设备，各个终端上的产品形态是在一个统一规划的设计策略下管理的。真正的大手笔啊，想想就令人兴奋。

简要列下我认为响应性设计和开发中的要素（具体要到幻灯里看）：
1. 兼顾移动设计
2. 模块化设计和开发
3. 浏览器分级支持
4. 自适应布局
5. 资源响应性优化
6. 性能敏感

应用响应性设计不仅仅是变变布局，而是应该把各种设备的不同特点发挥在产品设计中，这里面包含了各种响应性问题。要做到兼顾各种设备是对设计师极大的挑战。而对于工程师来说，要考虑各种技术方案、fallback支持或是降级处理的综合性方案，最终形成一个响应性UI框架把开发的成本降下来，同样是极大的挑战。

这东西现在看起来是一个大公司不想玩、小公司玩不起的事。要实现这个大“阴谋”，需要设计和技术的通力配合。但一般大公司角色分工过于明确，都是各想各的事，不愿意尝试不确定的事，因此通常用人海战术分别解决问题而不是统一解决问题。于是，会有ipad.xx.xx, touch.xx.xx, wap.xx.xx… 这看起来很蠢。当后期维护成本大到无法承受，或看到别人做到时，我想最终会回到这个路子上。