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

  

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

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

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

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

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

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

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

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

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

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

时间: 2024-10-03 15:41:35

移动网站新趋势:响应式设计的相关文章

网页响应式设计的现状与趋势

网页响应式设计的现状与趋势 响应式设计的现状与趋势-banner720 从2012年开始到2014年,各大家对Web设计的趋势预测中,都提到响应式设计:2015年网页设计趋势预测中,响应式仍在继续.这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮.这里本人基于一些资料文献及自己的陋见,谈谈响应式设计的一些现状和趋势. 源起 2010年5月,伊桑.马科特(Ethan Marcotte)在"A List Apart"写了一篇开创性的文章

WEB响应式设计:响应式Web设计的CSS框架分享

文章简介:Web布局设计新方式-响应式设计,应用越来越广泛,在这里为大家分享10个用于响应式Web设计的CSS框架,让您的开发工作越来越轻松. Web布局设计新方式-响应式设计,应用越来越广泛,在这里为大家分享10个用于响应式Web设计的CSS框架,让您的开发工作越来越轻松. 1) Less Framework Less框架是一个用于设计自适应网站的CSS网格系统,它包含4个布局和3套预设布局,这些都以一个单一网格为基础.Less框架的目标是更高效地创建多布局网站,并在布局之间保持一致. 2)

响应式设计不值得搞的5个原因

本文来自 Tom Ewer 的Managewp blog撰文,表达了其对时下风靡的响应式设计不一样的看法. 转向移动设计是比PC革命更大的革命--Kevin Lynch, CTO, Adobe 到2014年,会有更多的人用移动设备代替PC端访问互联网,所以打造易访问的移动端成了Web开发者最关注的问题之一.因此响应式设计应运而生,但从我个人的角度看,它并不值得大力追捧,为什么? 响应式设计不是万能的.我自己过去也是一个响应式设计的粉丝,发现很多Web应用不能很好的在移动屏幕上显示,Google地

Web设计的未来:网页响应式设计路在何方?

作者Tom Ewer认为在多数情况下,网页并非需要响应式设计.虽然移动设备将成为未来上网的主要渠道,但并不是所有网站都应该使用像是设计,也许分类进行选择.在文中列举5点证明响应式设计的弊端或是差强人意的方面,并形容其有一个"免费通行证",总是避过批评和建议. Facebook设计总监KateAronowitz:"我们开发产品首先考虑移动端,其次是桌面端." Adobe CTO Kevin Lynch:"移动设计转型甚至超过PC革命." 2014年

移动网站新趋势:描述响应式设计的优缺点

[搜狐IT消息]7月17日消息,科技博客Business Insider旗下研究机构BI Intelligence发布报告,描述了响应式设计的优缺点. 作为一种能够缩放适应不同大小的屏幕的网页设计做法,响应式设计(Responsive Design)正日益成为最受推崇的移动网页优化方式.在谷歌公司于2012年中期指出,响应式设计是优化移动网站的最佳方式之后,这种设计做法的地位得到了进一步巩固. 随着iPhone.iPad和Android手机的普及,网站主办方发现,网站在移动端应当带来与桌面端类似

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

[搜狐IT消息]7月17日消息,科技博客Business Insider旗下研究机构BI Intelligence发布报告,描述了 响应式设计的 优缺点. 作为一种能够 缩放适应不同大小的屏幕的网页设计做法,响应式设计(Responsive Design)正日益成为最受推崇的移动网页优化方式.在谷歌公司于2012年中期指出,响应式设计是优化移动网站的最佳方式之后,这种设计做法的地位得到了进一步巩固. 随着iPhone.iPad和Android手机的普及,网站主办方发现,网站在移动端应当带来与桌面

响应式设计的现状与趋势

  从2012年开始到2014年,各大家对Web设计的趋势预测中,都提到响应式设计.2015年网页设计趋势预测中,响应式仍在继续.这个经历了几年依然大热的响应式,在过去的几年里,快速巩固了自己的地位,并掀起了一股网页设计新标准的浪潮. 源起 2010年5月,伊桑.马科特(Ethan Marcotte)在"A List Apart"写了一篇开创性的文章(题为"Responsive Web Design" ),他利用三种已有的工具:流动布局(Fluid grids).媒

网站设计:复杂产品的响应式设计流程

都说2013年将是响应式设计爆发的一年.一淘设计团队在去年一淘首页改版时初步尝试了响应式,最近在一淘"玩客"项目中有了更加深入地应用,第一次在复杂产品中实现了全站响应式.中间积累了一些经验也踩了不少坑,于是就有了这个响应式设计三部曲,此系列文章包含理念篇.知识篇和流程篇. 响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它给设计.前端和开发团队之间的协作模式带来新的挑战.在一个复杂产品全面响应式的项目里,交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪

H5响应式设计可以为你网站带来什么?

"网站"是你在互联网上的形象:"网站"是你在网络上"店面":"网站"更是你在互联网上宣传自己.宣传产品和服务的重要媒介.网站建设成为了互联网上必不可少的一道工序,不管你是公司企业进行"互联网+"也好,还是个人进行互联网创业也罢,网站成为了你进入互联网的入门坎.   网站建设从以前的传统建站模式到现在的自适应.响应式的建站技术.这一过程的演变,随着互联网的飞速发展,网站建设技术也在革新换代.从最开始的代码建站