Axure RP中文网站 > 热门推荐 > Axure RP怎么挖空图形 Axure RP 如何裁剪圆环
Axure RP怎么挖空图形 Axure RP 如何裁剪圆环
发布时间:2024/12/15 15:26:18

品牌型号:联想Yoga 14Sitl

系统:Windows 10 64位专业版

软件版本:Axure RP 9

在 Axure RP中,制作挖空图形或裁剪出圆环效果是一个常见的需求,可以通过元件的组合、调整和特殊操作来实现。下面给大家介绍一下Axure RP怎么挖空图形,Axure RP如何裁剪圆环的相关内容。

一、Axure RP怎么挖空图形

挖空图形的原理是通过两个形状的叠加与剪裁,模拟出内部挖空的效果,其中涉及设计领域中常用的操作——“布尔运算”。布尔运算是一种基于集合理论的图形操作方法,用于对两个或多个形状进行几何计算,生成新的复杂形状。

布尔运算有四种类型:联合、减去顶层、交集、排除。联合能够将两个或多个形状合并为一个整体。减去顶层能够用上层形状减去下层形状的重叠区域。交集能够保留两个或多个形状的重叠部分,删除非重叠区域。排除能够删除两个形状的重叠部分,保留非重叠区域。

在Axure RP中自带着布尔运算。当往画布中放置两个图形,并同时选中这两个图形的情况下,在右侧”样式“面板中可以找到合并、去除、相交、排除四个操作。

Axure RP中的布尔运算
图1:Axure RP中的布尔运算

实现挖空图形效果时,我们用到的是“排除“操作。具体做法为:

1、往画布中放置两个图形,调整图形的位置和大小,在“挖空“操作中,我们需要让外层图形面积大于里层图形。可以通过选中图形后,拖拽四周的锚点改变尺寸,也可通过右侧的样式面板调整尺寸。

拖拽两个图形进入画布
图2:拖拽两个图形进入画布

2、同时选中这两个图形,可以通过按住键盘的CTRL键实现多选,也可以通过按住鼠标左键划过比两个图形面积大的区域实现选中。

同时选中
图3:同时选中

3、点击“排除”后,可以得到挖空的图形效果。

挖空后的图形
图4:挖空后的图形

4、在完成挖空后,通过左侧“概要”面板可以发现,两个图形整合成为了一个图形,可以通过右侧的“样式”面板调整新形状的边框、颜色和透明度等属性,让图形更加美观。

二、Axure RP如何裁剪圆环

圆环的制作思路和挖空图形是一致的。只不过这个时候将图形限定为圆形。

1、在默认元件库中,找到圆形元件,往画布中拖拽两个圆形。拖动圆形四周的锚点可以改变圆形的大小,需要注意的是,为了保住圆形的比例,要按住键盘的CTRL键,这样可以保持是等比例缩放,得到正圆。这一步需要制作一大一小的两个圆。

拖拽圆形元件进入画布
图5:拖拽圆形元件进入画布

为了便于识别,我们可以通过工具栏中的“填充“为两个圆填上颜色。

填充颜色后的圆形
图6:填充颜色后的圆形

2、为了制作圆环,我们需要让这两个圆在一个圆心上,因此接下来我们要处理的是两个圆的位置问题,可以利用Axure RP的对齐功能实现。同时选中这两个图形的情况下,可以看到工具栏上方有针对水平方向的“左侧“、”居中、“右侧”,针对垂直方向的“顶部”、“中部”、“底部”。

位置调整
图7:位置调整

这里我们要选用的是“居中”和“中部”,执行之后会发现,两个圆自动横竖向对齐了。

实现同心圆
图8:实现同心圆

3、在选中两个圆形的情况下,在右侧”样式“面板中找到”排除“。执行“排除“后,软件会自动用大圆面积减去小圆面积,即可得到圆环。

执行排除
图9:执行排除

通过右侧的“样式”面板可以调整圆环的边框、颜色和透明度等属性。

圆环
图10:圆环

三、总结

以上就是Axure RP怎么挖空图形,Axure RP如何裁剪圆环的操作。这些技巧不仅能丰富原型的视觉表现,还能模拟更复杂的设计元素,提升整体设计的质量和可用性。

 

 

 

135 2431 0251