浅谈相应式网站设计的发展趋势

相应式网站设计，这个话题可能是当下网站设计领域里讨论和应用比较多的话题了，为什么要相应式网站?什么是相应式网站设计?

网站发展敏捷，各种应用和服务层出不穷，如今打开电脑，可能使用最多的程序应该是欣赏器了，访问不同的网站，可以知足人们购物，社交，获取消息资讯，娱乐，等等需求。然而近几年内，移动设备快速崛起，移动互联网慢慢进入人们的生活，在今天移动设备的使用度已超过桌面计算机。所以必要企业公司网站不仅要在桌面计算机大尺寸屏幕上可以为用户提供友爱的UI和用户体验，同时在小尺寸屏幕上也应该可以提供同等的用户体验。使得用户可以在桌面大屏幕上和移动小屏幕上平滑的切换使用，同时没有任何的不适应感觉。

要网站在桌面大尺寸屏幕上和移动小尺寸屏幕上提供同等的用户体验，最直接的方法就是为每种设备及分辨率制作一个网站或者特定的页面，使得移动用户在这些页面里取得平滑友爱的用户体验。但是到底有多少不同的移动设备和屏幕分辨率呢?这种方法必要投入多少成本呢?

这份统计效果是几年前的了，不过可以看出相应式网站设计的发展基本趋势，随着时间的推移，许多移动设备投入市场，为每种设备及分辨率制作一个网站或者特定的页面，这应该是比较大的工作量，是比较耗时耗费资源的。是否可以只做一个网站一套页面，既知足桌面大尺寸屏幕，同时也可以知足各种不同移动设备的小尺寸屏幕。

由于有了这个题目，才有了相应式网站设计这种方案：一个网站能够兼容多种移动设备屏幕尺寸，而不是为每种屏幕尺寸做一个特定的版本。这个概念可以说是为移动互联网而生的。最早在国外开始流行，以下以某国外网站作为例子，此网站在Android移动端上的结果：

从前间不采用相应式网站设计的新浪消息在Android手机端上的结果，必要用双指进行缩放才能友爱欣赏：

某国外相应式网站在其它设备分辨率下的情况:

在iPad1/2移动端1024X768像素横向展示结果

在iPad1/2移动端1024X768像素纵向展示结果

在iPhone4移动端320X480像素横向展示结果

在iPhone4手机端320X480像素纵向展示结果

某智能手机端480X800像素纵向展示结果

可以在各种设备分辨率下，根据分辨率的不同做出相应，对菜单和图片进行重新布局，来知足表现的必要。这种技术就是相应式网站设计，这个概念是”Ethan Marcotte“在”A List Apart“发表的一篇名叫"Responsive Web Design"的文章中援引相应式建筑而得名的: “相应式建筑(responsive architecture)，物理空间应该可以根据存在于其中的人的情况进行相应。结合嵌入式机器人技术以及可拉伸材料的应用，建筑师们正在尝试建造一种可以根据四周人群的情况进行弯曲、伸缩和扩展的墙体结构,还可以使用活动传感器配合天气控制体系，调整室内的温度及环境光。已经有公司在生产"智能玻璃"：当室内人数达到肯定的阀值时，这种玻璃可以主动变为不透明，确保隐私。网站借由建筑上这个概念，当设备分辨率发生转变时，根据设备分辨率，调整菜单，图片，笔墨，等其它页面DOM的状况和布局，使得页面仍然可以给用户提供友爱的使用体验。

文章来源于网络整顿。