响应式网页设计考虑到多平台、多种屏幕尺寸的情况，能够优化多种设备的网络浏览体验。
当你不知道用户使用什么设备，不知道用户的屏幕尺寸时，若想达到较优布局，可以采用响应式设计。
在进行响应式设计时，要专门针对内容进行设计，优先考虑在不同环境下内容的适应性。

响应式网页设计

过去，上网需要一台电脑，一个猫。
现在呢，手机、平板、电视都可以上网。

Responsive Web Design, 由Ethan Marcotte编写， A Book Apart出版，对响应式设计的原则进行了详尽的阐述。

多种设备均能支持联网，有利有弊：

好消息是，我们可以随时随地登入互联网。
坏消息是，设计师的工作量成倍的增加了，而且用户变得越来越挑剔，越来越不耐心。
在这种大环境下，响应式设计变成了主流。

响应式设计所带来的挑战

进行响应式设计，挑战有很多。
首先，设备种类、屏幕尺寸多种多样。小、中、大各种各样。其次，倘若你是开发者，你会明白从技术角度上，响应式设计实现起来也不容易。

mediaqueri.es 提供了很多优秀的响应式设计案例

在任何项目上进行响应式设计时，都要优先考虑内容，考虑到内容与整体设计的结合，考虑到内容是怎样在页面中表现的。你需要观察不同元素在页面中是怎样紧密结合、协同工作，从而保持一致而又整体的风格的。

在这种尺寸下，元素可以这样布局，进行响应式设计时，你还需要琢磨琢磨其他尺寸的布局。如何将大尺寸页面转换到小尺寸页面？如何将小尺寸页面转换到大尺寸页面？如何保证多种尺寸下浏览体验的一致性？

如何说服客户使用响应式设计？

网页设计是一个时效性很强的行业，我们需要紧跟趋势潮流，不断学习。响应式设计就是这个时代最值得学习、时间的趋势。

Greenbelt Festival 是一例非常值得学习的响应式网页设计，图像来源mediaqueri.es.

网络术语真是越来越流行了，现在即便是客户，也略知一二，很多客户对设计的了解也不浅。那么怎么说服客户呢？下面我将讲一点和客户沟通的技巧，让客户接受响应式设计（相应的，工钱你懂的）。

投其所好

在任何项目的开始阶段，都要明白、了解、分析客户的需求。
在满足客户预期的基础上，尽量让客户能够完全的理解你的设计。

一款美丽的响应式设计Modern Green Home ，图像来源 mediaqueri.es.

你要知道客户想要什么。在你的大脑中转换成术语后，再用平易近人的语言讲出来。

例如，客户可能会说他想要让网站在”iPhone、iPad上都能良好运作”。这种情况下，我一般会说”好啊——那么响应式技术就能实现，能够在任何设备上良好运作，而不仅仅是iPad和iPhone”
如果你的客户稍微懂一点，那么估计合作会很愉快。

Stuff & Nonsense 网站是响应式设计的有先例，根据屏幕尺寸的不同，选择不同的插画，蛮有趣，图像来源mediaqueri.es.