[聚合文章] 2012是响应式设计之年

响应式设计 2012-12-28 16 阅读

今年响应式设计也有重大的突破,本文是ZURB公司总结的响应式设计在今年的重大突破与事件,一起来看看吧。

响应式图片


说到响应式图片,还有很多工作要做,但目前已经有所进展。下面几篇关于响应式图片的文章都很不错:

A List Apart 在年初的时候发布了一篇非常优秀的文章:响应式图片几乎准备就绪,我们开发者还需要做些什么?

阅读: Responsive Images: How they Almost Worked

Apple的iPad mini为窗口显示带来了更复杂的问题,但实际上这个问题已经存在很长时间。 Luke Wroblewski、Peter-Paul Koch、Stephanie Rieger和Lyza Danger Gardner深入分析了该问题。

阅读: Vexing Viewports

越来越多的公司开始采用响应式设计


今年开始,已经有不少公司开始应用响应式设计,下面是几个大公司的案例:

Starbucks的网站现在已经适应手机、平板和桌面访问,他们意识到会有更多的人将通过手机或平板来访问网站,但他们以前的网站看起来并不理想,于是下决心做了些工作。

即使是Mickey Mouse也知道响应式设计将会是Web设计的未来,于是他的设计师说道:

 它(响应式设计)不应该被当作一个特点来对待,而应该是一个网站自我尊重的表现。

今年微软重新设计了网站,Forbes曾 预测 它将引入主流的响应式设计,微软大幅改变了自己的形象,即使是大公司也嗅到了未来设计的走向。

设计软件巨头Adobe也 意识到 应该为不同的设备提供内容,尽管他们看到了响应式设计将面临的挑战,但并不否认它也是为移动客户提供内容的合适解决方案。

有部分科技博客也为跨设备体验而重新设计自己的网站,ReadWrite算是其中比较优秀的,我们设甚至对其新网站进行了 完全解析 ,并指出其中主要变化和亮点。

深入响应式设计


关注响应式设计的公司很多,对它的争论也没有停下来过,下面是我们认为最有价值的文章:

Design Shack问道,是不是所有人都正确地使用了响应式设计。简单地复制粘贴一段media query并不能真正地将你的网站变得响应式。

阅读: Responsive Design: Why You're Doing It Wrong

你还需要Photoshop吗?本文让我们重新思考响应式设计是否正在取代Photoshop的地位,现在已经可以抛弃它了吗?

阅读: Has Responsive Design Killed Photoshop for Web Designers?

同样也有人认为,为移动设备设计专门的移动网站可能会更好,甚至Google也加入了这场争论。来看看正反双方的观点吧。

阅读: Mobile Websites vs Responsive Design

网站加载时间依然是问题,性能很重要。但我们应该怎么做?

阅读: Responsive Responsive Design

移动网络战略家 Brad Frost 开发了一个惊人的项目——购买素材、资源和新闻的虚拟一站式商店。

看好了, 这才是响应式!

Team Treehouse的一位朋友发布了一个响应式设计课程,这对设计师和工程师都很有意义。

学习 Team Treehouse响应式设计课程

新工具


响应式电子邮件模板

我们把自己的电子信箱升级为响应式的,同时认为别人也会需要,所以贡献出了 这个模板

Responsive Sketchsheets

草图是我们工作流程中非常重要的一部分,我们需要在编码前确定网站在移动化过程中是如何变化的(对我们来说是移动优先),这就是我们设计 Responsive Sketchsheets 的原因。

Responsive Tables

Responsive Tables 是个CSS/JS的组合,可以帮助你设计响应式的布局,至于它能做什么就看你想做什么了。

Foundation 3.0

我们发布了 Foundation 3.0 ,一个非常先进的响应式前端框架。在接下来的一年里我们将发布Foundation的下一个重量级版本。

Responsive Design Sketchbook

一个帮助设计响应式网站的 草图本

Responsive Design Bookmarklet

这是一个用于 测试响应式网站的便利工具 ,把它加入书签就可以了。

Pixel Perfect Responsive Design Testing Tool

你可以使用 Pixel Perfect Responsive Design Testing Tool 来测试你的网站在各种分辨率下是否都能表现得完美。


总而言之,今年我们在响应式设计上取得了重大进展,相信在接下来的一年里,它能达到一个新的高度,希望我们彼此都能贡献出一份力量!

原文链接: ZURBlog

注:本文内容来自互联网,旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜,请你联系站长进行处理。