响应式网站设计布局是一种新的设计思维

2019.04.02

870

响应式网站设计是一种网页设计布局。其思想是集中创建页面的页面布局大小,并根据用户行为和使用的设备环境智能地执行相应的布局。

mf_5c9db709cd4d0.jpg

响应式网站建设者

设计理念

这个概念是由着名的外国网页设计师Ethan Marcotte于2010年5月提出的。

响应式网页设计的理念是:

页面的设计和开发应根据用户行为和设备环境(系统平台,屏幕尺寸,屏幕方向等)进行响应和调整。具体实践包括许多方面,包括弹性网格和布局,图像以及CSS媒体查询的使用。无论用户使用的是笔记本电脑还是iPad,我们的页面都应该能够自动切换分辨率,图像大小和相关的脚本功能以适应不同的设备;换句话说,页面应该能够自动响应用户的设备环境。

也就是说,响应式网页设计要求网站与多个终端——兼容,而不是为每个终端制作特定版本。通过这种方式,我们不必为即将推出的新设备进行特殊的版本设计和开发。

Ethan Marcotte在他的A List Apart文章中发明了响应式网页设计(RWD)一词。他在2011年关于这一主题的短篇小说中描述了自适应网页设计的理论和实践。自适应设计在.net杂志的2012年顶级网页设计趋势中排名第二(渐进增强是第一个)。他们还列出了Ethan Marcotte最喜欢的20个自适应网站。

Ethan Marcotte在A List Apart上发表了一篇关于“响应式网页设计”的文章,其中引用了自适应架构设计的概念:提出了一种新兴的学科——'响应式架构'——,物理空间应该响应当前人的情况在里面。结合嵌入式机器人技术和可拉伸材料的应用,建筑师正在尝试建造一种可以根据周围人群进行弯曲,伸缩和扩展的墙体结构;运动传感器还可以与气候控制系统一起使用,以调节室内温度和环境光。已经有公司生产“智能玻璃”:当房间里的人数达到一定的阈值时,玻璃会自动变得不透明并确保隐私。

将这个想法扩展到Web设计领域,我们有了一个新概念。为什么必须为每个用户组创建设计和开发解决方案?与自适应架构类似,Web设计也应自动响应并适应不同的设备环境。

显然,我们不能也不需要运动传感器或机器人技术。响应式Web设计需要更抽象的思考。幸运的是,已经实现了一些相关概念,例如液体布局,媒体查询和帮助页面重新格式化的脚本。但是,自适应网页设计不仅仅是屏幕分辨率自适应和自动缩放图像等。它更像是一种新的设计思维方式。

最新案例

寒枫总监

来电咨询

400-606-5301

微信咨询

微信二维码

寒枫总监

TOP

联系极简慕枫,免费获取方案及报价

400-606-5301

澳门金沙网上平台_劲草设计网站