13326882788
您的当前位置:首页 > 公司动态 > 自适应网页设计

自适应网页设计

时间:21-04-01 09:51

自适应性网站设计是一种网络网页设计布局,其思想是:创建网页的集中式图片排版大小,可根据用户行为和所用设备环境智能地进行相应的布局。

设计概念

这个概念是由著名的国外网页设计师EthanMarcotte在2010年5月提出的。

自适应性网站设计(ResponsiveWebdesign)的基本思想是:

应根据用户行为和设备环境(系统平台、屏幕尺寸、屏幕方向等)对网页的设计和开发做出相应的反应和调整。其具体操作方法是多面的,包括弹性网格和布局,图片,CSSmediaquery的使用等等。不管用户是使用笔记本电脑还是iPad,我们的页面应该能够自动切换分辨率,图片大小和相关的脚本功能等等,以适应不同的设备;换句话说,页面应该能够自动响应用户的设备环境。

也就是说,自适应网页设计要求一个网站可以兼容多个终端,而不是为每一个终端制作特定的版本。这样一来,我们就不必再专门为即将到来的新设备进行设计和开发。

在AListApart上,EthanMarcotte在他的文章中发明了“ResponsiveWebDesign”这个术语。2011年,他就该主题撰写了一本短篇小说,描述了自适应网页设计的理论和实践。因特网杂志将适应性设计列为2012年最受欢迎网页设计趋势的第二名(第一名是进步增强)。它们还列出了EthanMarcotte最喜爱的20个适应性网站。

艾森·马科特曾在AListApart上发表过一篇题为"ResponsiveWebDesign"的文章,引述了适应性建筑设计的概念:现在出现了一个新兴的学科"responsivearchitecture",它提出物理空间应该根据存在的人做出反应。建筑师正试图将嵌入式机器人技术与可拉伸材料的应用相结合,构建一种能够根据周围人群情况进行弯曲、伸缩和扩展的墙结构;也可以使用运动传感器与气候控制系统相结合,以调节室内温度和环境光线。目前已有公司生产“智能玻璃”:当室内人数达到一定的门槛时,这种玻璃会自动变得不透明,保证隐私。

把这一思想延伸到网络设计领域,我们就会得到一个全新的概念。为什麽必须为每一个用户群分别建立一套设计和开发方案?与适应性建筑类似,网络设计也应该同样能根据不同的设备环境做出自动响应和调整。

很明显,我们不能也不需要运动传感器或机器人技术,响应式Web设计更需要抽象思维。很好的一点是,一些相关的概念已经在实践中了,比如流线设计,mediaqueries和脚本帮助页面重新格式化,等等。但适应性Web设计不只是屏幕分辨率的适应性,还有图片的自动缩放等,它更像是一个全新的设计思维模式。



技术支持:企信网 Copyright @ 2011-2020 东莞企信网络公司 版权所有 企信网络主营企业网站建设,东莞做网站,东莞网页设计 

cache
Processed in 0.006112 Second.