Axure9基础教程:设置页面尺寸

0 2021-08-24 10:26 内容校对:海绵宝宝手里的锅铲
收藏(0) 共有 249 人学习了本教程

《Axure9基础教程:设置页面尺寸》是一篇关于Axure的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Axure技巧;你可以通过此加强设置,页面,web元素,移动端等多维度案例或实操来进行更多的学习;此教程是由Tony在2021-08-24发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Axure技巧;请给他一个赞吧。

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

Axure9基础教程:设置页面尺寸

默认

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

Axure9基础教程:设置页面尺寸

Web

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

Axure9基础教程:设置页面尺寸

移动端

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

Axure9基础教程:设置页面尺寸

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

Axure9基础教程:设置页面尺寸

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

自定义设备

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

Axure9基础教程:设置页面尺寸

以上就是Axure9基础教程:设置页面尺寸的全部内容介绍了,关于更多Axure教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
0

赠人玫瑰,手有余香

本内容由Tony原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

Tony

UI设计师,专注于用户体验设计 移动端、WEB端和H5设计。

共发布了233个文章 共获得13个赞

最新发布的教程

查看更多此作者的教程
用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员