网站建 设行业优质供应商

什么是 响应式网页设计

发布时间:2018-10-24 08:25:03    阅读:960    作者:老谭建站
响应式 网站设计是一种网络页面设计布局,其理念是:集中创 建页面的图片排版大小,可以智 能地根据用户行为以及使用的设备环境进行相对应的布局。



设计理念编辑
此概念于2010年5月由国 外著名网页设计师Ethan Marcotte所提出。
响应式网站设计(Responsive Web design)的理念是:
页面的 设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相 应的响应和调整。具体的 实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用 户正在使用笔记本还是iPad,我们的 页面都应该能够自动切换分辨率、图片尺 寸及相关脚本功能等,以适应不同设备;换句话说,页面应 该有能力去自动响应用户的设备环境。响应式 网页设计就是一个网站能够兼容多个终端——而不是 为每个终端做一个特定的版本。这样,我们就 可以不必为不断到来的新设备做专门的版本设计和开发了。

Ethan Marcotte 在他在A List Apart的文章中发明了术语 Responsive Web Design (RWD)。他在他 2011 年关于 这个主题所写的简短的书中描述了响应式网页设计的理论和实践。响应式设计被.net 杂志列为 2012 年顶级 网页设计趋势的第二名 (渐进增强是第一名)。他们也列出了 Ethan Marcotte 最喜欢 的响应式站点之中的 20 个。


Ethan Marcotte曾经在A List Apart发表过一篇文章"Responsive Web Design",文中援 引了响应式建筑设计的概念:现出现 了一门新兴的学科——"响应式架构(responsive architecture)"——提出,物理空 间应该可以根据存在于其中的人的情况进行响应。结合嵌 入式机器人技术以及可拉伸材料的应用,建筑师 们正在尝试建造一种可以根据周围人群的情况进行弯曲、伸缩和 扩展的墙体结构;还可以 使用运动传感器配合气候控制系统,调整室 内的温度及环境光。已经有公司在生产"智能玻璃":当室内 人数达到一定的阈值时,这种玻 璃可以自动变为不透明,确保隐私。
将这个思路延伸到Web设计的领域,我们就 得到了一个全新的概念。为什么 一定要为每个用户群各自打造一套设计和开发方案?和响应式建筑相似,Web设计同 样应该做到根据不同设备环境自动响应及调整。
显然,我们无 法也无需使用运动传感器或是机器人技术,响应式Web设计更 多需要的是抽象思维。好在,一些相 关的概念已经得到了实践,比如液态布局、帮助页 面重新格式化的media queries和脚本等。但是响应式Web设计不 仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像 是一种对于设计的全新思维模式。

 
QQ客服
友情链接:    388棋牌网址   夺宝棋牌   小米棋牌   金电玩棋牌app   优乐彩注册链接