首页 > 建站百科 > 网站建设 > 响应式网站建设和自适应网站建设有哪些不同?

响应式网站建设和自适应网站建设有哪些不同?

时间:2016-11-04 08:55:53 来源:西安网站建设

问:响应式网站建设和自适应网站建设有哪些不同?


答:响应式网站建设和自适应网站建设听起来都是一样的,其实他们是有一定的区别的,最大的区别是在网站建设的网页设计这一环节体现。


首先、我们弄清楚响应式网页设计和自适应网页设计的区别;


响应式网站建设:响应式网站设计(Responsive Web design)的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局。


自适应网页设计:自适应网页设计(Adaptive Web Design)指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。


看过这两种定义,你就会发现,响应式是专业的,而自适应只是一种技术,这么说有点不太恰当,但是希望可以理解。


其次、他们产生的背景不一样;


随着3G的普及,越来越多的人使用手机上网。


移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?


手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。


很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度。


于是,很早就有人设想,能不能"一次设计,普遍适用",让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout)。


这样就产生了自适应设计。而响应式设计是由于Ethan Marcotte曾经在A List Apart发表过一篇文章"Responsive Web Design",文中援引了响应式建筑设计的概念:现出现了一门新兴的学科——"响应式架构(responsive architecture)"——提出,物理空间应该可以根据存在于其中的人的情况进行响应。结合嵌入式机器人技术以及可拉伸材料的应用,建筑师们正在尝试建造一种可以根据周围人群的情况进行弯曲、伸缩和扩展的墙体结构;还可以使用运动传感器配合气候控制系统,调整室内的温度及环境光。已经有公司在生产"智能玻璃":当室内人数达到一定的阈值时,这种玻璃可以自动变为不透明,确保隐私。


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


显然,我们无法也无需使用运动传感器或是机器人技术,响应式Web设计更多需要的是抽象思维。好在,一些相关的概念已经得到了实践,比如液态布局、帮助页面重新格式化的media queries和脚本等。但是响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式。


看完了背景我想你对他们的却别应该更有想法了。所以建议做移动端网站建设的时候如果在经济允许的情况下最好还是选择响应式网站建设。

阅读过此文章的读者,还阅读过下面的文章

2016-11-04 08:55:53      现在一般企业建设网站的类型会有哪些?
2016-11-04 08:55:53      网站改版需要多少钱?
2016-11-04 08:55:53       企业网站建设的意义有哪些?
2016-11-04 08:55:53      西安响应式网站的有没有缺点呢?
2016-11-04 08:55:53      ​网站建设找个人建站好还是找公司建站好?
2016-11-04 08:55:53      网站建设和网络推广的步骤都有哪些
2016-11-04 08:55:53      网站建设的售后服务差怎么办?
2016-11-04 08:55:53      网站建设好后为什么您的网站给客户的体验度不好呢?
2016-11-04 08:55:53      国内外的网站建设有什么区别呢?
2016-11-04 08:55:53      西安网站建设公司告诉您怎么建立一个有权威的网站呢
2016-11-04 08:55:53      西安建设网站想要提高用户体验,要注意哪些方面?
2016-11-04 08:55:53      国外的网站在建设是需要注意什么?