响应式网站设计是一种网页设计布局。其思想是根据用户行为和使用的设备环境,集中创建页面的页面布局,智能执行相应的布局。
设计理念
这个概念是由着名的外国网页设计师Ethan Marcotte2010年5月提出。
响应式网页设计的理念是:
页面的设计和开发应根据用户行为和设备环境(系统平台、屏幕尺寸、屏幕方向等)进行响应和调整。具体实践包括弹性网格和布局、图像和CSS使用媒体查询。无论用户使用笔记本电脑还是笔记本电脑iPad,我们的页面应该能够自动切换分辨率、图像大小和相关脚本功能,以适应不同的设备;换句话说,页面应该能够自动响应用户的设备环境。
也就是说,响应式网页设计要求网站与多个终端兼容,而不是为每个终端制作特定版本。这样,我们就不必设计和开发即将到来的新设备。
Ethan Marcotte在他的A List Apart本文发明了响应式网页设计(RWD)一词。他在2011年的短篇小说中描述了自适应网页设计的理论和实践。自适应设计在.net2012年杂志顶级网页设计趋势排名第二(渐进增强是第一)。他们还列出了Ethan Marcotte最喜欢的20个自适应网站。
Ethan Marcotte在A List Apart本文发表了一篇关于响应式网页设计的文章,引用了自适应架构设计的概念:提出了一门新兴的学科——响应式架构——物理空间应该响应当前人的情况。结合嵌入式机器人技术和可拉伸材料的应用,建筑师正试图根据周围人建造弯曲、伸缩和扩展的墙体结构;运动传感器也可与气候控制系统一起使用,以调节室内温度和环境光。一些公司生产智能玻璃:当房间里的人数达到一定的阈值时,玻璃会自动变得不透明,以确保隐私。
扩展这个想法Web在设计领域,我们有了一个新的概念。为什么要为每个用户组创建设计和开发解决方案?类似于自适应架构,Web设计也应自动响应并适应不同的设备环境。
显然,我们不需要运动传感器或机器人技术。响应式Web设计需要更抽象的思考。幸运的是,一些相关概念已经实现,如液体布局、媒体查询和帮助页面重新格式化脚本。然而,自适应网页设计不仅仅是屏幕分辨率自适应和自动缩放图像。它更像是一种新的设计思维方式。
暂无评论
发表评论