浅析网页响应式设计

网页响应式设计是什么，简单来讲这个东西可以让你的网页在各种设备上有比较完美的体验。这个在多屏时代及其重要，有一定的积极作用。下面简单的谈谈他的优缺点以及适用范围。

优点：

• 节省人力成本，你不需要很多人来做触屏版开发和运营；
• 做活动更容易，在PC端完成后手机端可以自动同步，非常简单；
• 一个网页不用更多研发和运维成本自然也会下降。

缺点：

1. 要考虑更多的分辨率，交互和场景，对设计师和PM的能力要求更高；
2. 框架灵活性差，UI发挥空间更小；
3. 页面考虑东西更多，设计时间也会变得更长；
4. 需要在加载与文件大小上做控制，因为手机端的下载速度与流量都有限制。

使用场景：

小公司人少事多，不用专门为移动网页重新设计和开发。因为UI发挥空间小等因素，这种响应式设计不适合界面元素和交互等更加复杂的网页，比如淘宝，但适合形式相对比较单一的媒体网站，比如人人都是产品经理社区。

下面举几个响应式设计的例子：

http://www.36kr.com/

http://www.youku.com/

http://www.letv.com/

http://www.duokan.com/

http://qiqiuyu.com/

人人都是产品经理原创文章，作者: @阿增，转载请注明出处并保留本文链接。