[聚合文章] 浅析网页响应式设计

响应式设计 2015-04-03 19 阅读

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

优点:

1,节省人力成本,你不需要很多人来做触屏版开发和运营;

2,做活动更容易,在PC端完成后手机端可以自动同步,非常简单;

3,一个网页不用更多研发和运维成本自然也会下降。

缺点:

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/

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

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。