学校主页|部门主页|联系管理员

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

添加时间:2015年4月7日 浏览次数:869 分类:课件开发 >> 移动课件

【搜狐IT消息】7月17日消息,科技博客Business Insider旗下研究机构BI Intelligence发布报告,描述了响应式设计的优缺点。

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

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

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

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

下面就来看看针对移动设备的几种优化方式:

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

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

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

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