网站构建的未来趋势：自适应网页设计

自适应网页设计(Responsive Web design，简称RWD)，又称响应式网页设计，是一种网页设计的技术做法，该设计可使网站在多种浏览设备（从桌面电脑显示器到智能手机或其他移动产品设备）上阅读和导航，同时减少缩放、平移和滚动。简单的说，自适应网页让网站具有更高的弹性，可以在不同的设备上进行浏览和操作，并且达到较佳的效果，而不是简单的放大和缩小。

结合HTML5，自适应网页不仅可以兼容各类不同设备及分辨率，而且可以满足智能移动终端的触屏操作方式，使网站的应用得以更大范围的覆盖，大大改善网站的使用效率和使用的方便性，在智能手机和平板电脑的大力普及以及可预见的3G和4G网络的发展情况，我们可以断定，自适应网页设计将会是未来网站构建的重要趋势。

自适应网页设计具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用pc、平板电脑，或者手机，无论是全屏显示还是非全屏的情况，无论屏幕是横向还是竖向，页面都能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备。

1. 版式布局（LAYOUT）
版式布局的局限性是网页设计缺乏变化突出与明显的的原因之一。去除颜色，动画，视差滚动等等这类效果，你会看到一些基本布局统治了网页设计。

2. 响应式设计（RESPONSIVE WEB DESIGN）
终端设备变多导致网页设计必须保证跨设备的用户体验良好。基础的、可变宽、可折叠栅格系统使响应式网页的设计过程更简单（相比版式设计更灵活的网页）从而解决跨设备问题。

3. 框架( FRAMEWORKS )
Bootstrap与Foundation的流行导致许多设计师直接套用一模一样的代码库、布局、甚至风格。

4. 制作原型的工具与过程( PROTOTYPING TOOLS AND PROCESSES )
多数原型制作工具鼓励甚至迫使你使用标准的符合网格布局的方方正正的元素。

5. 高质量的免费照片与图像(HIGH-QUALITY FREE PHOTOS AND GRAPHICS)
免费好用的图片库成了设计师可以轻松获得的资源，还有图标、字体、样式等等。

6. 设计趋势(DESIGN TRENDS)
设计师的所见所闻影响了他们的设计，网页设计将这一点充分放大了。结果就是许多设计师从同样的网站获得灵感，追赶同样的潮流。