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

aiboboxx

3 O% J* e$ ?# x( D
【搜狐IT消息】7月17日消息，科技博客BusinessInsider旗下研究机构BIIntelligence发布报告，描述了响应式设计的优缺点。
作为一种能够缩放适应不同大小的屏幕的网页设计做法，响应式设计(ResponsiveDesign)正日益成为最受推崇的移动网页优化方式。在谷歌公司于2012年中期指出，响应式设计是优化移动网站的最佳方式之后，这种设计做法的地位得到了进一步巩固。
随着iPhone、iPad和Android手机的普及，网站主办方发现，网站在移动端应当带来与桌面端类似的体验。否则，网站在移动设备上看起来就只有细小的文字和链接，网页布局也会一团糟。这就意味着损失流量和销售额的风险。
4 y6 |. r5 ~. X7 v: H( }现在，响应式设计已经成为网页设计中的黄金法则，但就像大多数技术一样，它有利有弊，并不一定适合所有企业或者所有应用。
BIIntelligence在报告中将相应式设计做法与其他优化方式进行了比较，分析了响应式设计的优缺点，对独立移动网站如今的地位进行了评估，探讨了HTML5开发的衍生问题。
  F  m! L2 z3 Z$ U8 |: F下面就来看看针对移动设备的几种优化方式：
响应式设计：在这种做法下，网页的HTML代码不变，在不同设备上依赖不同的CSS带来不同的显示方式。不论在什么设备上，用户输入和看到的都是同一个网址。简而言之，这意味着不论形式如何，内容总是不变。
; i' F  [; f$ d& s4 k  a6 X. n服务器端支持的响应式设计：这是响应式设计的一个变种，所不同的是，服务器端保存了针对不同设备的HTML和CSS代码。这解决了相应式设计的一些性能问题，但需要探测用户所用的设备。对企业来说，这种方式需要自定义更多元素。需要针对移动设备部署响应式设计元素，同时针对PC使用传统布局。这种方式还能针对特定的某些型号的设备提供个性化的体验。
移动应用：在移动大潮兴起的初期，有人认为，应用将主宰移动端的各种活动，各类企业也纷纷打造自己的应用。也许应用在美国等市场处于主导地位，但人们同样也会使用浏览器。大量电商交易是通过浏览器，而非移动应用完成的。更不用说的是，移动应用成本很高，也无法适用于全部设备。
独立移动网站：一些人推崇能够提供精简内容和独立网址的专门移动网站。这些独立移动网站在加载速度方面颇有优势。(纳言)
* \' V6 R1 F7 s8 @2 P- Y+ e