自适应设计与响应式设计

  • 2022-06-17 18:03:44
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

在继续深入讲解Axure自适应视图功能之前,昆明网站建设小编有必要介绍一下自适应设计(Adaptive Design)与响应式设计(Responsive Design)这两个术语。因为很多读者都误以为Axure自适应视图功能就是常见的那种流动布局(fluid grid)设计,这是比较严重的误解,甚至有些读者在详细了解该功能之后而觉得沮丧。继续读下去会帮助你正确理解它们两个之间的差异和优劣,并且你会发现,有些情况下使用自适应设计更加切合实际情况。

目前互联网中有很多关于响应式设计和自适应设计的参考资料,但通过百度的搜索结果会发现,其中很大一部分资料依然将自适应设计与响应式设计混为一谈,这也是很多读者对这两个词的概念不太清晰的主要原因之一。而且在维基百科中这两个术语共用一个关键词,但是这二者之间是有明显区别的。自适应布局可以让你的设计更加可控,因为你只需要考虑几种状态(设置适用于某几个屏幕尺寸大小的响应点)就万事大吉了。而在响应式布局中你需要考虑非常多的状态,如屏幕大小改变,每一个像素都要考虑到,这就带来了设计和测试上的难题,你很难有绝对的把握预测它会怎样。

自适应布局的优势是实现起来成本更低,更容易测试,这也就是为什么有些时候自适应布局更切合项目的解决方案,昆明网站制作小编认为在使用不同尺寸的设备浏览使用Axure RP8制作的自适应原型时可以达到和响应式相同的效果,见图3。为了方便对这二者加以区分,你可以把自适应布局看做响应式布局的“穷兄弟”。

11.jpg

(图3)


当前文章标题:自适应设计与响应式设计

当前URL:http://www.lyjtt.cn/news/wzzz/3493.html

上一篇:自适应视图概述

下一篇:创建和设置自适应视图

网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)