品牌型号:联想ThinkBook
系统:Windows 11
软件版本:Axure RP 9
在Axure RP里画原型的时候,经常会碰到元件挡住视线的情况,不仅看得费劲,还会影响后续操作。其实,只要学会调整元件大小,这个问题就能轻松解决,还能让原型看起来更舒服、更规整。下面来介绍Axure RP设置好的元件挡视线,Axure RP怎么调整元件尺寸的相关内容,帮你快速摆脱元件挡视线的烦恼!
一、Axure RP设置好的元件挡视线
元件挡视线不仅会让设计界面显得杂乱无章,还会严重干扰后续的编辑与查看操作。其实,解决这一问题有多种有效方法,下面就为你详细介绍,帮助你快速优化原型布局。
方法1、调整元件尺寸
当元件因过大而挡视线时,调整尺寸是直接有效的解决办法。选中挡视线的元件,元件周围会出现蓝色边框和控制点,将鼠标指针移至控制点,变为双向箭头后拖动,可改变元件宽高。比如,想缩小一个过大的图片元件,拖动其右下角控制点向内收缩即可。

方法2:改变元件层级关系
部分情况下,元件挡视线是因为层级错误,通过调整层级可让元件按预期显示。选中挡视线的元件,右键点击,在弹出菜单中选择“上移一层”或“下移一层”。比如,将被其他元件遮挡的按钮上移一层,就能正常显示和操作。

方法3:隐藏暂时不需要的元件
如果某些元件在当前设计阶段不需要显示,但之后还会用到,可选择隐藏这些元件,减少视觉干扰。选中要隐藏的元件,在属性面板中找到“显示/隐藏”选项,点击“隐藏”按钮;也可右键点击元件,选择“隐藏”。

二、Axure RP怎么调整元件尺寸
在 Axure RP里做设计学会调整元件尺寸,就能快速把页面布局弄整齐,设计起来也更顺手。下面就给大家讲讲调整元件尺寸的几个实用方法。
1、直接鼠标拖动调整大小
选中需要调整尺寸的元件后,它周围会出现蓝色边框和小方块。把鼠标移到小方块上,按住鼠标往外拖,元件就会变宽变大;往内拖,元件就会缩小。要是只想调宽度或高度,把鼠标移到左右或上下边中间的小方块上,等指针变成水平或垂直双向箭头,再拖动就行。这种方法特别适合快速确定元件大概的样子,比如刚开始搭原型框架的时候,很快就能把元件位置和大小调整好。

2、按比例缩放元件尺寸
有时候我们不想让元件变形,比如正方形缩放后还得是正方形,这时候按比例缩放就很有用。操作也不难,先选中元件,按住键盘上的Shift键,再把鼠标移到四个角的小方块上,指针变成斜向双向箭头后,按住鼠标拖动,元件就会按原来的比例缩放。

3、用属性面板精确调整
要是对元件大小要求比较高,得按具体数值调整,那就得用到Axure RP右边的样式面板了。选中需要调整的元件,在样式面板里,能看到“宽”和“高”的输入框。比如说想把元件改成宽 80px,高 40px,就在“宽”的框里输入80,“高”的框里输入40,元件马上就变成你想要的大小了。

以上就是Axure RP设置好的元件挡视线,Axure RP怎么调整元件尺寸的详细介绍。学会上面这些调整元件尺寸的方法,再遇到元件挡视线的问题就能轻松应对了。在做原型设计的时候,也能更轻松地控制元件大小,做出又好看又好用的设计。
