axure怎么上传自适应视图?

陈思远            来源:优草派

Axure是一个强大的原型设计工具,他的强大之处在于将功能、逻辑和界面进行综合性的整理与表达。而自适应视图是一个非常重要的设计功能,它让我们的设计可以在不同的屏幕上以优秀的性能展现出来。那么如何上传自适应视图呢?

一、什么是自适应视图?

axure怎么上传自适应视图?

自适应视图通常是指在不同终端设备(PC、笔记本电脑、平板电脑、手机)上网页的适配,使用者可以依据不同的设备尺寸,达到最佳的浏览效果,而不会出现排版问题或过长的滚动条问题。

二、Axure如何设计自适应视图?

1.基本设置

在Axure中设计自适应视图,首先需要对页面进行基本设置。点击页面(Page Properties),在弹出的对话框中,通过 设计宽度、设计高度、水平滚动条、垂直滚动条、缩放类型、自定义缩放百分比等调整页面设置。

2.布局设置

在设计自适应页面时,需要注意浏览器的不同尺寸下,页面元素的布局和排列都需要进行调整。而Axure中设计自适应页面还需用到以下几个工具:

1)自适应布局:选中页面中的元素或组件,点击“自适应布局”即可在不同尺寸下展现不同的效果。

2)元素控制:可以使用“元素控制”调整位置和大小,并设置元素随着页面的缩放倍率保持原始大小或按比例缩放。

3)网格线:不能缺少网格线,它可以以方便布局调整和辅助测量。

3.上传自适应视图

设计好自适应页面后,就需要将其上传到网站上,并设置相应的媒体查询规则。由于每个网站系统的上传方法都是不同的,具体的上传方法请参照相关网站的帮助文档。

三、如何设置自适应视图的媒体查询?

媒体查询是指在不同的浏览器或设备上,链接到同一 HTML 文件,但使用不同的样式表来显示页面。为此,需要设置媒体查询规则,以让页面在不同尺寸下展现不同的效果。

Axure中的设置媒体查询规则的方法如下:

1.在主页面中,点击“页面尺寸”并添加多种尺寸。

2.对每种尺寸进行相应的媒体查询调整,以便页面在不同的尺寸下呈现不同的效果。

3.最后点击保存,完成页面媒体查询设置。

四、上传自适应视图的优势有哪些?

1.适应不同屏幕

美观的自适应页面不论在具体设备还是在不同流览器中都具有良好的展示效果。

2.搜索引擎优化(SEO)

自适应页面中由于其高度集中、清晰的页头标签描写,大量兼容设备特定的关键字,搜索引擎会将其视为优质页面,排名也就自带上来了。

3.提升访问速度

使用自适应页面一方面可以减少HTTP请求,一方面更可以使页面更为轻量,从而提升页面打开速度。

五、

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行