自适应网页设计

自适应性网站设计是一种网络网页设计布局，其思想是：创建网页的集中式图片排版大小，可根据用户行为和所用设备环境智能地进行相应的布局。

设计概念

这个概念是由著名的国外网页设计师EthanMarcotte在2010年5月提出的。

自适应性网站设计(ResponsiveWebdesign)的基本思想是：

应根据用户行为和设备环境(系统平台、屏幕尺寸、屏幕方向等)对网页的设计和开发做出相应的反应和调整。其具体操作方法是多面的，包括弹性网格和布局，图片，CSSmediaquery的使用等等。不管用户是使用笔记本电脑还是iPad，我们的页面应该能够自动切换分辨率，图片大小和相关的脚本功能等等，以适应不同的设备；换句话说，页面应该能够自动响应用户的设备环境。

也就是说，自适应网页设计要求一个网站可以兼容多个终端，而不是为每一个终端制作特定的版本。这样一来，我们就不必再专门为即将到来的新设备进行设计和开发。

在AListApart上，EthanMarcotte在他的文章中发明了“ResponsiveWebDesign”这个术语。2011年，他就该主题撰写了一本短篇小说，描述了自适应网页设计的理论和实践。因特网杂志将适应性设计列为2012年最受欢迎网页设计趋势的第二名(第一名是进步增强)。它们还列出了EthanMarcotte最喜爱的20个适应性网站。

艾森·马科特曾在AListApart上发表过一篇题为"ResponsiveWebDesign"的文章，引述了适应性建筑设计的概念：现在出现了一个新兴的学科"responsivearchitecture"，它提出物理空间应该根据存在的人做出反应。建筑师正试图将嵌入式机器人技术与可拉伸材料的应用相结合，构建一种能够根据周围人群情况进行弯曲、伸缩和扩展的墙结构；也可以使用运动传感器与气候控制系统相结合，以调节室内温度和环境光线。目前已有公司生产“智能玻璃”：当室内人数达到一定的门槛时，这种玻璃会自动变得不透明，保证隐私。

把这一思想延伸到网络设计领域，我们就会得到一个全新的概念。为什麽必须为每一个用户群分别建立一套设计和开发方案？与适应性建筑类似，网络设计也应该同样能根据不同的设备环境做出自动响应和调整。

很明显，我们不能也不需要运动传感器或机器人技术，响应式Web设计更需要抽象思维。很好的一点是，一些相关的概念已经在实践中了，比如流线设计，mediaqueries和脚本帮助页面重新格式化，等等。但适应性Web设计不只是屏幕分辨率的适应性，还有图片的自动缩放等，它更像是一个全新的设计思维模式。