Ajax响应式Web设计

原文地址:http://www.oschina.net/translate/the-new-rules-of-the-responsive-web

响应式Web设计(RWD)是Web领域的流行语。在力促上摸索#rwd(Responsive Web
Design),可以找到同样多之始末以及垃圾推文。这是新定义逐渐成熟之大现象。我记忆满页面Ajax的时刻,Ajax和RWD一样赢得至这程度。如今,已经死少人聊Ajax,不过像jQuery的js库类又烂大街了(in
workflow)。

RWD如今呢这么,到处都是。我起一个做笔录出版的冤家。她近来到庭了一个会。会议达成一个一个百般出名的新生杂志的编就关乎的了未来之矛头和响应式Web设计。杂志编辑可能于Web方面并无规范,但是呢还了解之词“响应式Web设计”(RWD)。

响应式设计蒸蒸日上,创建Web网站的办法就转移。而且就RWD从新词成为Web设计之正常化部分,专业的我们做事方式也急需变更。出于这种考虑,我们用建立一些做事的初规则。

平整 1:不要留在“软式响应”(spuishy)

当某人要求您测试响应式设计之网站经常,我们事先做呀?你最可能改窗口大小,观察布局怎么转。我非常可能用手机还是平板看,旋转展示方向,或者测试页面加载速度。我成天都于调动浏览器。这是统筹人员还是开发人员的想法,不是用户。我做为用户访问,是不曾耐心的。我非关注网站是否布局流畅;我光想只要本人只要之事物。

ldquo;软式响应”就是网站的线性缩放。就是网站于宽到小的生成就够用?响应式设计不在缩放,而介于有一个核心内容,按照职能适量加载重多内容。假想网站必须于最好网络下啊IE7制作一个无线电话元素(如App宣传页面)。那么手机元素就是是你的着力,然后按照着屏幕与功效放大内容。

(译者注:响应式设计不仅是布局之响应,而且是内容的挑)

平整 2:不要想对取巧

响应式设计大复杂的。我为想报你有东西叫它们重简便,可是真的没。大多数负担支付响应式的人数,都见面朝着原工作流程中补充加工作。无论是召开新情节交给,还是问开发人员设计是否适配响应式。

自发个朋友开了单响应式网站。她先以Photoshop里召开了桌面大小的计划性图。做了一些设计页面后,她得出示平板或智能机的页面效果,就以如果打设计图。给客户出示后,她来得有的创意设计调整。现在既来50个PSD文件了。他消费了深丰富时来修正布局。

一旦有若填补加新计划,又会消耗时间,造成前后不平等。最好之处理方式之一即是往客户出示原型线框图。这样即使得随在框图只摆布局不言计划。Foudation
by ZURB举凡格外好之线框图制作工具。

工作流中上加原型设计是不够的。为了响应式设计之功成名就,你还亟需调整,这就算进了下一样长长的规则。

平整3:拥抱变化

当自身首先次等构建Web时自光用了Photoshop和GoLive两单器就是得成功,但是现在自家至少要动6只。我现照旧采取Photoshop来创造页面中之图元素,但对于页面被的外设计我最主要用Sublime
Text 2,并且使iOS
6由带的Safari浏览器开发者工具来查阅生产的页面元素。另外,我还使用Codekit来编译pre-processed CSS(比如LESS或Sass)以及以指令行中使用本控制工具Git。

响应式Web设计啊意味着计划方法的更改。相对于在Photoshop中绘生一切页面这种办法,使用Samantha Warren’s Style
Tiles工具得以更清晰的抒发视觉设计。通过规划一个Web在多布局下的视觉品牌以及界面元素,你可以依据布局直接改动计划来创造响应式的Web原型。

CSS
pre-processors对于其它响应式设计之办事还生伟的援助。简单的游说,pre-processors可以减低网站构建的复杂性并且以CSS解释执行的过程被刨了众多样式重复继承的做事。针对这上头的工具,我个人还爱好SCSS,当然LESS也是一个大好的挑三拣四,并且她发愈来愈圆满之文档。

规则4:记住您的标准化

Web应该能给别可以看互联网的硬件设备越温馨之顾,无论是固定设备还是倒设备、屏幕充分或小。——Tim
Berners Lee

HTML和CSS本身就是是享有响应性的。自HTML诞生以来,Web就待提供足够的油滑来适应一切得看互联网的硬件设备,并无是以前设计者和开发者都趋于于稳的布局要本改了。尝试给Web强加上一定的高低会限制Web创造有台式电脑一般的用户体验。

总结

响应式web设计是一个拿你怎么样发挥抽象为您想表达什么的宏图规范,例如,NPR最近搬迁至一个API驱动的情模型中,通过动用API提供对应的始末措施,NPR可以在app和网站上运动联合之一个办法了。唯一用修改的便是见层了。

立虽是响应式web应该有所的通,弄明白而想发挥什么,并且经过它使得你实现怎样表达。设计而迎合需求又能落得赏心悦目的效用。

马上就是是响应式web设计所兼有的布满,用户——创建的网站来啊她们服务,无论什么状况还如包他们好看内容。做一个得以适应小屏幕的网站只有是个起来。

 

相关文章