响应式网页设计需要考虑的5大预算因素

编者按】本文作者Brad&">nbsp;Frost,纽约数字互动广告公司R/GA的移动web战略家和设计师、前端开发工程师。作者主要对响应式网站和单独的移动网站进行了简单的比较,并总结了建设响应式网站的一些预算考虑!

首先,我想以一个真实的事例开始今天的主题。曾经有一个网站项目,在建设初期并没有把移动设备考虑在内,但是在随后的设计过程中,大约有80%的客户会问这样一个疑问:网站在iPad上面的显示效果会是怎样?面对整个问题,整个开发团队开始慌了手脚,于是整个项目的时间表需要重新制定,预算也跟着增加,而且最终做出来的效果也不尽如人意。

这个故事的寓意就是说,从项目一开始就要将各式各样的移动设备考虑在内,而且要意识到未来的不可预测性并且具有前瞻性,因为老一套的东西总是要被淘汰的,新事物总会不断涌现。

那么是选择设计响应式网站还是打造专门的移动网站?

其实这个话题几乎已经盖棺定论了,随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端,响应式网站设计已经成为大势所趋。但我还是想对两者进行简单的比较,建设响应式网站是不是比移动网站成本要来得低?起初,建设移动网站和响应式网站花费的成本可能差不多,但是因为移动网站存在N多不同的版本,后续的数据更新和设备维护需要大量的费用投入,而响应式网站则不存在这样的问题。另外,像Galaxy Note这样的小平板或者是大屏幕的手机仍然处于灰色地带,它们到底是显示移动版本的页面还是显示桌面版本的页面 ,真的是让用户左右为难。

建设响应式网站需要考虑的预算因素

相比单独的移动网站,虽然响应式网站后续的维护成本会比较低,但这并不代表响应式设计就是完美无缺的。而且涉及到预算问题,每一分钱都很重要,所以作好有效的预算也是很有必要的,下面是建设响应式网站需要需要考虑的一些因素:

1.与时俱进,掌握最新动态

让每个人都掌握业内的最新动态,确保团队里的每一个人都了解响应式设计是什么。如果不了解当下的最新情况,花点时间去了解,看看当下的趋势是什么,然后一起讨论如何去开展工作。

2.足够的时间来应对突来起来的变化

这很可能是财政预算需要考虑的最重要因素。很多开发人员一定很熟悉典型的“瀑布模式”的开发过程,“瀑布模式”只按照标准的桌面浏览器进行设计,除此之外,几乎没有考虑任何其它的设计开发环境,随着问题的不断积累,不得不放慢脚步,来应付各种棘手的问题。这是它最大的缺点。跨平台同步进行的响应式设计的出现让那些呆板的线性过程在多屏幕时代显得一无是处。

当然,因为响应式设计是跨平台同步进行,相对“瀑布模式”的开发过程而言,密切合作对于一个成功的响应式设计项目来说是绝对必要的。而在整个开发过程中,要给团队足够的时间来分类整理那些不可避免的、棘手的设计问题。

3.更多的测试和QA时间

只按照标准的桌面浏览器进行网页设计的的时代已经一去不复返,随着工作量的加大,测试和QA时间也相应增加,所以在作预算的时候,时间问题也是需要考虑的因素。另外,整个网页将会支持哪些设备、将针对那些设备进行优化也是需要事先考虑好,因为“支持”和“优化”两者之间还是有区别的。如果要针对每种设备进行优化,这是不可行的。鉴于预算有限,包容性并且前瞻性的解决方案就显得尤为重要了。

4.购买测试设备

在设备上进行实际操作和测试是非常有必要的,这就意味着在测试设备方面又要投入一笔预算。

5.了解渠道策略

有许多项目规划者在进行响应式网站设计的时候喜欢将整个项目细分,先是开发桌面版,再接着是手机版,最后是平板电脑版,其实这已经脱离响应式设计的本质。真正的响应式设计从一开始就考虑到这些跨平台问题,从而进行更详细的前期框架构图,设计和测试。

Via Bradfrostweb

来源:http://www.leiphone.com/0704-danice-responsive-web-design-cost.html#

时间: 2024-09-20 20:53:10

响应式网页设计需要考虑的5大预算因素的相关文章

移动互联网时代:响应式网页设计已成为大势所趋

我们正处在移动互联网快速发展的时代,智能手机和平板也越来越普及,有些人甚至都到了没有智能手机或平板就无法过活的地步.智能手机和平板的普及,也就意味着越来越多的用户会通过移动设备访问互联网. 通过移动设备访问互联网的用户或多或少都有过这样的经历:有些网站压根就没有针对移动设备的网站,哪怕是有,大多都是不够"移动友好",阅读体验完全跟不上传统的Web版本;而且在不同的移动设备上,浏览体验也是大相径庭,让很多用户大为苦恼. 根据相关数据统计,到2015年,移动互联网的用户数量将会超过桌面用户

bootstrap响应式网页设计的9条基本原则!

bootstrap响应式网页设计是针对多屏幕问题的一个很好的解决方案,但从印刷的视角来看有点困难.没有固定的页面尺寸,没有毫米或英寸,没有任何的物理限制,无从下手. 为了desktop和mobile单独使用像素设计的方法也成为了过去,因为越来越多的设备都可以打开网站.因此,我们需要弄清楚bootstrap响应式网页设计的一些基本原则,接受流体网页,而不是与之相抗.为了让它保持简单,我们将着眼于布局(是的,响应式比它更复杂,如果你想了解更多,这是一个很好的开端.) 响应式 vs 自适应网页设计 它

响应式网页设计:很全的响应式网页设计教程

文章描述:响应式网页设计考虑到多平台.多种屏幕尺寸的情况,能够优化多种设备的网络浏览体验. 响应式设计现在已经成为网页设计师学习的焦点.网页教学网发现群内有很多相关的讨论了,这说明我们平时接触该类案例越来越多.你会渐渐发现,我们身边越来越多的企业和客户关注到响应式网站,作为勤奋的设计师,我们怎么能不对它进行了解呢? 响应式网页设计考虑到多平台.多种屏幕尺寸的情况,能够优化多种设备的网络浏览体验.当你不知道用户使用什么设备,不知道用户的屏幕尺寸时,若想达到较优布局,可以采用响应式设计.在进行响应式

让你精通响应式网页设计的15条建议(1)

响应式网页设计已经变成新的web标准,许多公司已经接受了这个挑战,并且已经建立起了专门的网页设计方案(比如只针对移动端的开发)或者已经开始试图解决跨平台的响应式网页设计方案.本文会带大家来看看一些实用的建议,以帮助你的设计过程,并使之变得更加高效. 1.计划 与往常一样,计划总是要放在第一优先级的.一旦你在纸上开始解决你的设计难题,你就已经准备好建立你的站点了. 2.充分利用好原型软件 推荐使用Adobe Edge Reflow,它能让你使用媒体查询,在程序内设置断点并设计适配桌面电脑.平板电脑

响应式网页设计和移动互联网

文章简介:响应式网页设计被提出以来,争论就不断,其实核心问题只有两个个:太多的资源请求和有限的终端支持之间的矛盾.响应式的网页设计和移动终端在用户体验和视觉风格上的差异. 个话题最近很火爆,我也一直在关注,响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,并且是一个颇具争议的话题,我今天将和大家探讨下. 上周写了个简单的ppt在组内大概介绍了下,感兴趣的话可以先看下这个PPT. 移动互联网的现状和未来 在说到这个话题前,我们先看下网页设计和前端开发的现状: 全球有超过53亿手机

来和小伙伴一起学习响应式网页设计

  响应式网页设计 过去,上网需要一台电脑,一个猫. 现在呢,手机.平板.电视都可以上网. Responsive Web Design, 由Ethan Marcotte编写, A Book Apart出版,对响应式设计的原则进行了详尽的阐述. 多种设备均能支持联网,有利有弊: 好消息是,我们可以随时随地登入互联网. 坏消息是,设计师的工作量成倍的增加了,而且用户变得越来越挑剔,越来越不耐心. 在这种大环境下,响应式设计变成了主流. 响应式设计所带来的挑战 进行响应式设计,挑战有很多. 首先,设备

让你精通响应式网页设计的15条建议

响应式网页设计已经变成新的web标准,许多公司已经接受了这个挑战,并且已经建立起了专门的网页设计方案(比如只针对移动端的开发)或者已经开始试图解决跨平台的响应式网页设计方案.本文会带大家来看看一些实用的建议,以帮助你的设计过程,并使之变得更加高效. 1.计划 与往常一样,计划总是要放在第一优先级的.一旦你在纸上开始解决你的设计难题,你就已经准备好建立你的站点了. 2.充分利用好原型软件 推荐使用Adobe Edge Reflow,它能让你使用媒体查询,在程序内设置断点并设计适配桌面电脑.平板电脑

高级设计师总结的15条响应式网页设计原则

1.计划 与往常一样,计划总是要放在第一优先级的.一旦你在纸上开始解决你的设计难题,你就已经准备好建立你的站点了. 2.充分利用好原型软件     推荐使用Adobe Edge Reflow,它能让你使用媒体查询,在程序内设置断点并设计适配桌面电脑.平板电脑和手机的布局.然后,你可以将CSS复制到另一个像Adobe Dreamweaver或者其他HTML编辑器来进一步优化你的设计. 3.首先考虑一个移动端策略 如果你是第一次创建手机网站,接着就可以扩大规模,在平板和桌面电脑上设计网页了.这三个平

响应式网页设计简单入门

  Overview: 构造基本的HTML页面 动态加载样式表 Viewport 字体缩放 侧边栏 导航菜单 图片自适应 其他 总结   说到响应式网页设计(Responsive web design),最近在谷歌加上碰到个奇葩贴子,通过一个原始到无法再简单的网页Motherfucking Website及满屏幕的fuck道出了网页设计的真谛,这孩子不是个激进分子就是个报复社会型的货没错,虽然整篇文章就像是泼妇骂街,但我特么是笑着读完的.. 统计了下全文共用Fuck (包括fucking) 33