Home >  > 响应式网页设计已成为大势所趋

响应式网页设计已成为大势所趋

8

我们正处在移动互联网快速发展的时代,智能手机和平板也越来越普及,有些人甚至都到了没有智能手机或平板就无法过活的地步。智能手机和平板的普及,也就意味着越来越多的用户会通过移动设备访问互联网。

通过移动设备访问互联网的用户或多或少都有过这样的经历:有些网站压根就没有针对移动设备的网站,哪怕是有,大多都是不够“移动友好”,阅读体验完全跟不上传统的Web版本;而且在不同的移动设备上,浏览体验也是大相径庭,让很多用户大为苦恼。

根据相关数据统计,到2015年,移动互联网的用户数量将会超过桌面用户。除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加。在这种形势下,怎样让网站尽量兼容各种类型的设备,并确保良好的用户体验,这将是越来越重要的问题。

俗话说,只要有需求,就会有解决需求的办法。基于前文提到的背景和情况,响应式网页设计(Responsive Web Design)应运而生。

那么,什么是响应式网页设计?响应式网页设计是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。换句话说,页面应该有能力去自动响应用户的设备,这样,就可以不必为不断到来的新设备做专门的版本设计和开发了。毫不夸张地说,响应式网页设计这个概念就是为移动互联网而生的!

说完了响应式网页设计这个概念,下面我们再来谈一谈它在具体生活中的实际应用。常言道,民以食为天,前段时间风靡全国的纪录片《舌尖上的中国》瞬间腐蚀了被食品安全所压抑的中国人“吃”的欲望,撩拨了美食大国所铸就的根深蒂固的美食情结。

《舌尖上的中国》播出后,引发了各地网友对美食的疯狂追逐,很多吃货纷纷开始到处搜罗美食,餐饮业自然而然就成了众多受益对象之一。

移动互联网时代到来之前,人们只能通过家里的电脑进行上网搜寻或者听人介绍哪里有好吃的美食。而现在,搜罗美食,首选工具就是智能手机等移动设备。此前,据Google的调查资料显示,在今年情人节,62%的餐馆搜索都是通过移动设备进行的。这种数据其实并不让人感到意外,相信大多数消费者都有过用手机等移动设备查找餐馆的经历。

以上的资料,对于餐馆或者其他不够“移动友好”的网站来说,的确值得他们深思。因为通过移动设备来查找餐馆的消费者越来越多,现如今,餐馆不但要有特色的美食,还要有足够“友好”的移动网站让吃货们能找寻到,这样才能带来客源。

还是前面提到的那句老话,只要有需求,就会有解决需求的办法。目前就有一家名为QuickFire的网站成功利用响应式网页设计,专门针对各大餐馆推出了这样的服务——建立网站并对餐馆的最新动态做定期更新,更重要的是网站可以兼容任何移动设备,不论屏幕大小、分辨率高低,都能给用户带来最佳的体验。

以上只是简单介绍了响应式网页设计在实际生活中的成功应用,其实响应式网页设计适合各个领域各个行业。因为我们都知道,网站的生命力就是流量,随着越来越多的用户通过移动设备访问互联网,响应式网页设计已经成为大势所趋。

鉴于很多设计师还不熟悉响应式网页设计的概念,也许它在短期内还无法普及开来。但是可以肯定的说,为了使各种尺寸的屏幕及移动终端可以访问到更多站点,响应式网页设计将会被越来越多的移动终端推向主流。

相关推荐

本文暂无标签
Comment (8)
Trackback (0)
  1. 萧山 unknowunknow 沙发 2012/06/29 13:24

    不错哦,谢谢博主

  2. 辽宁seo unknowunknow 板凳 2012/06/30 06:25

    博主博客里的文章挺不错的,值得我经常过了看看,以后得常来呀!

  3. 长沙SEO unknowunknow 地板 2012/07/03 15:54

    博主你好,看了你的文章深有感触。你文章很有深度,跟其他人不同。
    很期待和你进行更深层的交流。

  4. SEO博客 unknowunknow 4楼 2012/07/26 06:16

    技术性博客 不错 支持 😀 😀

  5. 正品伟哥 unknowunknow 5楼 2012/07/28 02:32

    嗯,博主说的太正确了,喜欢你的文章,以后会经常关注的了

  6. 网站建设 unknowunknow 6楼 2012/08/02 01:55

    有么搞错,兼容ie6 、7、8、ff、欧鹏、神马的,现在还要考虑各个移动设备、、、、、、、、、、累了

  7. 网站爱好者 unknowunknow 7楼 2012/08/02 12:56

    很喜欢你的文章

  8. bestchao unknowunknow 8楼 2012/08/13 02:58

    重复评论测试!

  • 还没有Trackback

发表评论

You must be logged in to post a comment.