Axure RP中文网站 > 热门推荐 > Axure RP怎么放大缩小画布 Axure界面如何放大
Axure RP怎么放大缩小画布 Axure界面如何放大
发布时间:2025/01/16 16:38:54

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Axure PR 9

在Axure RP中,为了更方便地查看和调整设计,我们常常会用到放大和缩小画布的操作。而在预览情况下,我们可以通过一些简单的方法对界面进行放大设置。以下为大家介绍Axure RP怎么放大缩小画布,Axure界面如何放大的相关内容。

一、Axure RP怎么放大缩小画布

默认情况下,Axure rp中画布是按100%的视图比例进行显示的。在上方的工具栏位置可以看到当前画布的显示比例。

画布比例
图1:画布比例

Axure rp的画布分成了两个空间,现在我们看到的白色部分为可视区域空间,元件在这个白色空间部分的坐标值是正数。缩小画布后,可以看到在上方和左侧出现了灰色的部分,这里是不可视区域空间。我们在这个位置摆放元件的话,在Axure本地可以看到这个元件,但是一旦进入预览模式,元件就会被裁切掉,无法进行显示,这个位置的元件坐标值是负数。这个不可视区域空间,在Axure中被叫做画布负空间,是在第八版更新后新开辟的区域。

画布正负空间
图2:画布正负空间

可以把负空间理解为一个储物空间,用来暂时存放将要使用的设计元素。但个人觉得这个负空间没有太多的实用性,反而容易引发误会,有时候会不小心把元件放到这个空间里去。用不习惯的话可以在设置中将负空间关掉。在工具栏-文件中找到偏好设置,取消其中对【启用画布负空间】的勾选即可。

画布负空间设置
图3:画布负空间设置

在Axure rp中,很多情况下,我们需要用到放大和缩小画布的操作。

放大画布的使用场景,比如有:当我们要对齐元件的时候,需要通过放大把视角推进,这样才能精准地操作。在100%的视角远远看过去的时候是对齐的,但是推进到150%的视角的时候,往往会发现还差了几个像素对齐。而我们在设计的时候,只有精细化地实现对齐,才能让画面整体保持整洁。

放大看到页面没有对齐参考线
图4:放大看到页面没有对齐参考线

缩小画布的使用场景,比如有,我们往画布中拖拽了一张很大的图片。图片会一瞬间堆满整个画布,占满所有的视线,不把视图缩小的话,我们会“迷失”在画布中。以及不缩小的话无法对元件进行操作,像图5的情况,如果不缩小,要找到可以拖拽的图片元件的边角位置,需要不停地滚动滚轮去找边界值,会非常麻烦。

图片填充占据视线
图5:图片填充占据视线

放大画布有两种方式:

1、在工具栏视图比例位置进行设置

这个位置提供了一些常用的放大比例数,可以根据需要选择预设的数值,也可以手动输入。输入的数值只能是整数,而且最小的数值为10%。如果输入的是9%,Axure会自动纠正为10%。最大数值没有进行限制,可选的800%不是最大值,可以手动输入900%及以上的数字。【缩放适应所有内容】和【缩放适应所选内容】可以用于快速调整画布的缩放比例。

工具栏设置画布比例
图6:工具栏设置画布比例

2、快捷键操作

①按住键盘Ctrl键和使用鼠标的滚轮,滚轮向前执行放大,滚轮向后执行缩小。

②使用Ctrl键和+键实现放大,Ctr键l和-键实现缩小。

因为我们在Axure RP中的很多操作都是通过键盘完成的,使用快捷键会更加方便。多用几次快捷键,随着操作熟练,就会慢慢记住并灵活运用了。

二、Axure界面如何放大

在将本地绘制的界面进行预览操作时,可以根据需要对界面的大小显示进行调整。

1、在工具栏-发布中,找到【预览选项】。

预览选项
图7:预览选项

2、在预览选项窗口中,将【播放器】设置为【Default】。

设置播放器
图8:设置播放器

最小化的情况下,预览页面将不带播放器,只呈现界面本身。可以在浏览器的左上方,鼠标移入时找到一个箭头符号,点击后再次打开播放器。但这个箭头的灵敏度过高,需要正好卡准按键的时机才能操作到,操作上不是很方便。

预览页面不带播放器
图9:预览页面不带播放器

因此,建议先修改预览选项,将播放器设置为默认打开。

3、再次点击预览,可以发现页面上方多出来了一横条的部件,这个部件就是播放器,能够实现对预览页面的操作。

右边的【三个点】图标中包含着界面的显示控制。第一个选项是默认尺寸,也就是本地设置的页面尺寸多大,预览的时候就按多大进行显示。

默认尺寸显示
图10:默认尺寸显示

第二个选项是适应浏览器的宽度进行显示,可以对视图进行放大,具体的宽度是根据浏览器和分辨率来决定的,可以简单地理解为会把Axure rp本地的尺寸拉伸到填充整一个浏览器画面。这种做法常用在网页端的设计,实现网页的响应式设计。

适应浏览器宽度显示
图11:适应浏览器宽度显示

第三个选项是按合适比例进行显示,能够获得一个最佳的视图显示。如果本地的界面是偏大的,执行这个选项后视图会缩小。如果本地的界面是偏小的,执行后会放大视图。最终实现的是让视图不至于填满整个页面,也不会因为原始尺寸较小,看不清画面内容。

按合适比例进行显示
图12:按合适比例进行显示

可以根据实际的显示需要,选择这三种模式之一。不确定的情况下,可以每种方式都显示一次,找到最合适的视图显示尺寸。

以上就是Axure RP怎么放大缩小画布,Axure界面如何放大的全部内容。放大缩小画布能够帮助我们快速调节到合适的大小比例,能够更细致地调整设计细节,而界面放大则能够让我们在预览原型的时候提高可视性,便于检查整体布局。

 

读者也访问过这里:
135 2431 0251