浅析网页响应式设计

起点学院产品经理365成长计划,2天线下闭门集训+1年在线学习,全面掌握BAT产品经理体系。了解详情

1 (2)

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

优点:

  • 节省人力成本,你不需要很多人来做触屏版开发和运营;
  • 做活动更容易,在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/

 

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

您的赞赏,是对我创作的最大鼓励。

评论( 1

登录后参与评论
  1. 这也行ha

    回复
加载中