Axrue怎么制作仪表盘效果?

问题描述:

Axrue怎么制作仪表盘效果?Axrue中想要制作一个仪表盘图形,该怎么绘制呢?下面我们就来看看Axrue仪表盘效果的制作方法,需要的朋友可以参考下

axure中想要花仪表盘,该怎么绘制仪表盘呢?下面我们就来看看详细的教程。

1、首先创建空白页面,在工作区域拖入一个矩形元件,并将其形状修改为扇形的样子,这里在属性中找到形状设置即可,如下图所示。

Axrue怎么制作仪表盘效果?

2、形状设置完成后,将形状的宽高修改为260,这里需要先按照这个尺寸去做,因为后面还有其他形状拼接过来。

Axrue怎么制作仪表盘效果?

3、设置宽度和高度后,我们将扇形的缺口位置进行一下调整,变成90度直角的感觉,如下图所示。

Axrue怎么制作仪表盘效果?

4、下面我们在拖入一个椭圆形到工作区域中,如下图所示。

Axrue怎么制作仪表盘效果?

5、将椭圆形放至扇形的中间位置,并将圆形的宽度和高度修改为230,如下图所示。

Axrue怎么制作仪表盘效果?

6、位置和大小设置好后,将两个原件同时选择,点击样式下面的去除按钮,如下图所示。

Axrue怎么制作仪表盘效果?

7、点击去除按钮后,会发现扇形和圆形合并到了一起,变成了另外一个图形,现在是不是有一点仪表盘的感觉了。

Axrue怎么制作仪表盘效果?

8、下面,在工作区域拖入两个矩形,这两个矩形有准备做仪表盘圆角的效果,如下图所示。

Axrue怎么制作仪表盘效果?

9、将两个矩形的圆角以及宽度和高度进行设置,如下图所示。

Axrue怎么制作仪表盘效果?

10、将制作好的两个小圆角,拖动到对应的位置,如下图所示。

Axrue怎么制作仪表盘效果?

11、同样,选择其他一个小圆角及刚刚制作的仪盘,点击样式选择合并按钮,如下图所示。

Axrue怎么制作仪表盘效果?

12、同样的方式,将别外一个小圆角进行合并,就会出现下图所示的样子了。现在我们离最终的效果更近了。

Axrue怎么制作仪表盘效果?

13、下面将制作好的元件,将样式和旋转调整一下,如下图所示。

Axrue怎么制作仪表盘效果?

14、同上述方式一样,在制作一个进度条,覆盖到背景的这个元件上,就更加有仪表盘的效果了,如下图所示。

Axrue怎么制作仪表盘效果?

15、差不多了,在找一些元件,加一些元素和文字修饰一下,仪表盘就做好了,看下图。

Axrue怎么制作仪表盘效果?

16、没啥问题,f5预览一下效果,有瑕疵的话可以在微调。

Axrue怎么制作仪表盘效果?

以上就是axure仪表盘的绘制方法,希望大家喜欢,请继续关注。