Axure9怎么设置web尺寸? Axure页面尺寸设置方法

百度经验   发布时间:2021-06-11 11:18:32   作者:悦来悦笑   我要评论
Axure9怎么设置web尺寸?Axure9新增了页面尺寸设置功,想要设置web尺寸,该怎么正确设置呢?下面我们就来看看Axure页面尺寸设置方法,详细请看下文介绍

在Axure9中,新增了页面尺寸设置功能,可以设置多种内置的设备尺寸,也可以自定义尺寸大小,通过设置页面尺寸可以设置页面边界,预判出内容多少和信息密度,便于页面排布、对齐,从而更聚焦于内容设计。

Axure9可以设置画板的尺寸,如果你要做web的原型,可以先设置正确的web尺寸,该怎么设置呢?下面我们就来看看详细的教程。

设置web尺寸

正常情况下,打开Axure的时候,会出现一个面积很大的白板和灰色版。

在右侧样式模板中,可以查看页面尺寸。

可以先选择web,如果你有需要,也可以选择其他机型。

默认是1024px,只限制宽度,不限制高度。

可以查看电脑分辨率,查找正规的web尺寸。

选择添加自适应视图,可以出现这个窗口,设置高度。

会出现这个虚线,控制web高度。

新增的页面尺寸设置样式:

默认

在默认情况下,画布以坐标(0,0)向右延展,可以当做是无限宽度,在画布以外区域的内容,在预览状态下是无法显示的

Web

  • 选择Web选项时,会默认1024px的宽度,这时可以看见画布白色区域已经变成了1024px宽度,而灰色区域就是预览不可见区域,可以手动输入页面宽度大小
  • Web模式下页面的高度是无限制的(这个无限制是伪无限制,页面高度最高为20000),当内容超过一屏时使用浏览器的滚动条

移动端

Axure内置了多种苹果、安卓、平板尺寸,选择之后画布设置为选择的尺寸,并在底部出现一条分隔线,这条分隔线用于分隔可视区域与不可视区域

预览的时候,在分隔线以下的部分默认是看不见的,超出的部分滚动页面时,会出现滚动条显示下面的部分

以上可以看到,Axure9极大的优化了移动端的显示效果,上述功能如果在Axure8中,需要用动态面板以及多步设置才能完成,而Axure9直接将该功能集成到软件中,可以说非常方便了

自定义设备

当系统自带的设备尺寸无法满足要求时,可以自定定义设备尺寸,自定义设备跟移动端的设置是类似的,只是放开了宽度、高度的设置

以上就是关于Axure9如何正确设置web尺寸的相关介绍,希望大家喜欢,请继续关注脚本之家。

相关推荐:

axure怎么制作各个页面之间自由切换效果?

axure怎么插入视频? axure页面添加视频的教程

Axure怎么做一个Tab页面模型? Axure实现tab交互功能的技巧

相关文章

  • Axure 9中继器怎么制作排序效果?

    Axure 9中继器怎么制作排序效果?Axure 9制作网页原型的时候,想要制作一个排序效果,该怎么制作排序效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-12-06
  • Axure9怎么设计省市关联的下拉列表交互事件?

    Axure9怎么设计省市关联的下拉列表交互事件?日常我们在填写地址的时候,选择省以后,市也会跟这变,该怎么制作这个下拉列表的交互事件呢?下面我们就来看看详细的教程,需
    2019-12-05
  • axure9怎么设置文本框提示文字?

    axure9怎么设置文本框提示文字?axure9设计网页中想要添加文本框设置提示文字,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-09-06
  • Axure rp怎么实现鼠标点击形状时旋转90度?

    Axure rp怎么实现鼠标点击形状时旋转90度?Axure rp中绘制的图形想要实现鼠标点击旋转90°的效果,该怎么实现这个功能呢?下面我们就来看看详细的教程,需要的朋友可以参考
    2019-07-15
  • Axure RP9怎么设置黑暗模式?

    Axure RP9怎么设置黑暗模式?Axure软件默认的界面是白色的界面,很明亮,想要设置黑暗模式,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-07-11
  • axure怎么插入视频? axure页面添加视频的教程

    axure怎么插入视频?axure在制作网页原型的时候,想要给页面添加视频,该怎么插入视频呢?下面我们就来看看axure页面添加视频的教程,需要的朋友可以参考下
    2020-02-03
  • Axure怎么制作评分效果? Axure评星系统的制作方法

    Axure怎么制作评分效果?Axure中想要制作一个评分系统效果,该怎么制作评分效果呢?下面我们就来看看Axure评星系统的制作方法,需要的朋友可以参考下
    2020-02-02
  • axure抽屉菜单效果怎么制作?

    axure抽屉菜单效果怎么制作?很多页面都能见到导航菜单,想要制作一个抽屉效果的菜单,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2020-02-01
  • axure怎么制作弹窗效果? axure图片弹出效果的制作方法

    axure怎么制作弹窗效果? axure中想要实现弹出图片的效果,该怎么制作这个效果呢?下面我们就来看看axure图片弹出效果的制作方法,需要的朋友可以参考下
    2020-01-31
  • axure怎么显示当时时间? axure显示实时时间的技巧

    axure怎么显示当时时间?axure制作的页面想要显示实时时间,该怎么显示呢?下面我们就来看看axure显示实时时间的技,,需要的朋友可以参考下
    2020-01-31

最新评论