给你的设计补水—响应式设计让网页更加有“弹性”

时间:2011-11-08来自:unicac访问:2163

首先先理解一下什么叫做响应式设计? 网页设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。网页应该有具备自动影响用户设备的功能。避免我们为不断到来的新设备而苦恼。

呵呵,看了文章的标题是不是感觉很像护肤品的广告啊。其实前端设计不也和护肤一样嘛,用心呵护才能出来好的网页设计作品,还不失温情。呵呵...闲话少说,进入正题。今天我们主要来说一个概念——响应式设计。

首先先理解一下什么叫做响应式设计?

网页设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。网页应该有具备自动影响用户设备的功能。避免我们为不断到来的新设备而苦恼。

其实这个概念最早是Ethan Marcotte在自己的文章“Responsive Web Design”中提到的。当时这个概念是针对建筑设计而言。叫做——“响应式建筑(responsive architecture)”。

当时这个概念提出——“物理空间应该可以根据存在于其中的人的情况进行响应。结合嵌入式机器人技术以及可拉伸材料的应用。”后来建筑师们就尝试着建造一种可以根据周围人群的情况进行弯曲、伸缩和扩展的墙体结构;还可以使用运动传感器配合气候控制系统,调整室内的温度及环境光。

将这个思路延伸到Web设计的领域,我们就得到了一个全新的概念。为什么一定要为每个用户群各自打造一套设计和开发方案?和响应式建筑相似,Web设计同样应该做到根据不同设备环境自动响应及调整。

说了这些可能有些朋友会说照这样的说法我们是不是要使用机器人,运动传感技术呢。答案是否定的,我们无法也无需这些,响应式Web设计更多需要的是抽象思维,是一种对于设计的全新的思维模式。不管任何设计都需要不断的创新和新想法。这样的设计才会越来越人性化,越来越完美。就像我们文章开头的调侃,像对待护肤一样对待设计,精心呵护,永远美丽。

本文来自:unicac的博客

本文关键字:
第一个关键字
还是一个关键字
传说中的tag
点击进入列表页
同关键字的列表啦

相关文章