资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

响应式网站设计与自适应网站设计有区别吗?

来源:沙漠风网站建设公司 | 2014.06.12

如果你是一个的网页设计师当看到我这个题目一定会在心理暗暗的讽刺下这人一定是不懂设计的,竟然还会问出这样的问题!其实小编自然也知道两者其实是一个概念来的,可是当很多人知道其一有的却不知道自适应网页设计,其实很多人会去看其相关的含义,发现他的含义几乎是相同的,其实就是源于翻译的问题,这个概念是由Ethan Marcotte曾经在A List Apart发表过一篇文章"Responsive Web Design",文中援引了响应式建筑设计的概念。而很多作品中也直译为自适应网页设计。

随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?自适应不同分辨率的网页设计应运而生;下面是腾讯做的一项实例分析,先呢来看一张图:

这是2个半月腾讯游戏官网的分辨率数据,可以看出来PC端里1024*768占20%、1920*1080占14%。而这2个分辨率的显示宽度相差了接近一倍。
而现在设计师的设计稿普遍输出尺寸都是1920,所以设计师经常也会担心:小分辨率下能看到吗?或者需要为手机端单独做一版吗?所以我们需要用一些技巧来让大多数用户能看到的页面效果是一样的。这个概念就诞生了。
十六年 建站经验

多一份参考,总有益处

联系沙漠风,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-688-6062 / 大客户专线   深圳:15818561755   广州:13147009998