周刊7#:响应式设计

响应式设计集锦

早在2010年响应式设计概念就提出,在这两年响应式设计已不是什么新鲜概念与时尚了。而且响应式的设计的运用也越来越多,学习和想了解响应式设计的同学也越来越多。今天收集了响应式设计相关方面的资源,希望这些资源对想学习响应式设计的同学有所帮助

响应式设计中文教程
响应式设计中文教程在国内同行网站上也有很多,W3cplus站上也一样,整理了有关于响应式设计相关的教程,这些中文教程涵盖了响应式设计的一些概念、理论、案例等。
响应式设计EDM
自从Ethan Marcotte在2010年5月25日发布的《A List Apart》文章开始,响应式网页设计(RWD)讨论的热度并没有减少,但在相同的时间内我们构建电子邮件的方式并没有太多的改变。值得庆幸的是,在过去的一年,人们开始使用RWD和运用类似的方法来设计电子邮件。
Mediaqueri.es
mediaqueri.es是一个国外网站,这个网站收集了国外一些优秀的网站案例,而这些网站都是响应式设计。
Responsive.cn
responsive.cn可以堪称是中文版本的mediaqueri.es网站。在这个网站平台上收集整理了国内外一些使用响应式设计的网站案例。
响应式设计资源集锦
Responsive Resources,收集整理了响应式设计相关资源的一个网站聚合页面。在这个网页中包括了响应式相关方面的各种资源,比如:策略、设计工具、布局、媒体查询、排版、图片自适应处理、响应式设计组件、测试工具等等。
44 Responsive Web Design Resources: The Ultimate List
这是由 Claire Dansey整理的有关于Responsive Web Desig相关的资源。这篇文章整理了有关于响应式设计的44个资源,包括教程、响应式设计相关的书、测试工具、响应式框架等。
响应式网页设计
响应式网页设计最初是由 Ethan Marcotte 提出的一个概念:为什么一定要为每个用户群各自打造一套设计和开发方案?Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式;我们应当向下兼容、移动优先。
复杂产品的响应式设计【流程篇】
都说2013年将是响应式设计爆发的一年。一淘设计团队在去年一淘首页改版时初步尝试了响应式,最近在一淘“玩客”项目中有了更加深入地应用,第一次在复杂产品中实现了全站响应式。中间积累了一些经验也踩了不少坑,于是就有了这个响应式设计三部曲,此系列文章包含理念篇、知识篇和流程篇。
[译文]如何用Axure RP7创建响应式原型
自从几年前响应式技术开始应用时,创建响应式原型就成为了很多人苦恼的事情。响应式设计用一种非常优雅的方式处理为多种设备类型使用HTML和CSS编码的应用,但是提供给UX专业人士的原型工具却没有具备同样品质的可以测试或者验证的功能。不过随着最新Axure RP 7中的适应性视图功能发布后,这个情况开始改变了。
实战响应式图片
为什么?尽管 Web 设计初衷是让所有人能通过任何途径来访问,但直到最近,设备的碎片化才迫使业界全面转向了响应式设计。我们在进行响应式设计时,内容可以优雅且高效地流入任何设备。这说的是除了位图以外的所有内容。位图是固定分辨率的。而且他们的容器——敬爱的 img 和它那孤零零的 src——没有任何适配能力可言。
如何合理高效地设置响应式设计的响应点
你可以轻易找到许多如何设置响应式设计响应点的攻略,但是这些过时的设计方法都是以主流屏幕尺寸为依据的,效果并不理想。其实并没有“主流”屏幕尺寸这一概念。另外一个主流的方法是当布局被打破时设置响应点。这个方法听起来好一些。但是仍有疑问,我们怎么判断是否布局被打破了呢?其中一个合理回答是依照经典可读性理论定义响应点。
返回顶部