响应式设计 移动网站新趋势

mobile-20130717.png

科技博客BusinessInsider旗下研究机构BIIntelligence发布报告,描述了响应式设计的优缺点。

作为一种能够缩放适应不同大小的屏幕的网页设计做法,响应式设计(ResponsiveDesign)正日益成为最受推崇的移动网页优化方式。在谷歌公司于2012年中期指出,响应式设计是优化移动网站的最佳方式之后,这种设计做法的地位得到了进一步巩固。

随着iPhone、iPad和Android手机的普及,网站主办方发现,网站在移动端应当带来与桌面端类似的体验。否则,网站在移动设备上看起来就只有细小的文字和链接,网页布局也会一团糟。这就意味着损失流量和销售额的风险。

现在,响应式设计已经成为网页设计中的黄金法则,但就像大多数技术一样,它有利有弊,并不一定适合所有企业或者所有应用。

BIIntelligence在报告中将相应式设计做法与其他优化方式进行了比较,分析了响应式设计的优缺点,对独立移动网站如今的地位进行了评估,探讨了HTML5开发的衍生问题。

响应式设计:在这种做法下,网页的HTML代码不变,在不同设备上依赖不同的CSS带来不同的显示方式。不论在什么设备上,用户输入和看到的都是同一个网址。简而言之,这意味着不论形式如何,内容总是不变。

服务器端支持的响应式设计:这是响应式设计的一个变种,所不同的是,服务器端保存了针对不同设备的HTML和CSS代码。这解决了相应式设计的一些性能问题,但需要探测用户所用的设备。对企业来说,这种方式需要自定义更多元素。需要针对移动设备部署响应式设计元素,同时针对PC使用传统布局。这种方式还能针对特定的某些型号的设备提供个性化的体验。

移动应用:在移动大潮兴起的初期,有人认为,应用将主宰移动端的各种活动,各类企业也纷纷打造自己的应用。也许应用在美国等市场处于主导地位,但人们同样也会使用浏览器。大量电商交易是通过浏览器,而非移动应用完成的。更不用说的是,移动应用成本很高,也无法适用于全部设备。

独立移动网站:一些人推崇能够提供精简内容和独立网址的专门移动网站。这些独立移动网站在加载速度方面颇有优势。

来源:搜狐IT

广告合作
QQ群号:707632017

温馨提示:

1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com(#改为@)。

2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。

热门教程

  • Z-Blog教程
    Z-Blog教程
    ZBlog教程分享ZBlog安装教程、ZBlog建站教程和ZBlog使用教程等相关教程,包括如何创建...
  • WordPress教程
    WordPress教程
    WordPress教程提供了关于WordPress的基础知识和技巧,包括安装、设置、发布内容、选择主...
  • CSS教程
    CSS教程
    CSS教程提供了关于如何使用CSS来设计和美化网页的基础知识和技巧,包括选择器、样式规则、盒模型、布...
  • 宝塔面板教程
    宝塔面板教程
    宝塔面板教程是一个致力于向用户传授宝塔面板的使用技巧和知识的学习资源,旨在帮助用户快速上手和充分利用...
  • PHP教程
    PHP教程
    PHP教程提供了关于PHP语法、变量、函数、流程控制等概念的详细指导,同时介绍了常见的Web开发技术...

3个月免费VPS

亚马逊云科技

阿里云