Axure怎么做出透明的矩形

Axure怎么做出透明的矩形

Axure RP http://www.axurechina.cc  作为一款专业的原型设计软件,能够快速、高效的制作原型,逼真的网页设计页面,而且支持多人协作设计和版本控制管理。

关于Axure矩形透明度的设置有很多相似的问题,比如:如何调整图片的透明度?或者是元件透明如何设置?为了让用户更好的运用Axure,此篇内容将作一个详细的解答。

打开Axure之后 ,找到元件面板 ,从元件面板中拖动一个元件到线框图面板中,就可以添加一个元件,比如拖入一个“矩形3”元件:

矩形元件

一:要调节矩形的透明度,只需选中矩形元件,点击工具栏中的填充颜色图标,拖动“不透明”选项,将不透明度,设置为“0”,如下图所示:

不透明度

批注:需要将矩形显示出来,只需将不透明度拖到100数值即可。

二:关于设置图片的透明度在工具栏中的填充颜色里面无法进行设置,拖入图片元件之后,会发现填充颜色的图标是呈灰色状态,无法进行操作,如下图所示:

图片

如果要想更改图片的透明度,只需要在检视的面板中,点击“样式”,下拉找到“不透明”:

样式

将不透明度设置为0,就可将图片设为透明的。反之,需要显示出来,只需将不透明值输入100。

不透明度

注意:

1.关于元件的透明度设置,需要注意的是,有些元件的透明度需要在工具栏中的“填充颜色”中设置透明度,比如一些没有边框,有填充颜色的元件,就像本篇内容的提到的“矩形3”。

2.而有些元件,是带有边框的,那么“填充颜色”那里是没办法进行设置的,比如如图所示的矩形1或者椭圆形元件,它们的透明度就需要在“检视”面板中进行设置:

带边框元件

3.有一些元件,既带有填充颜色又有边框的,可以直接在“检视”面板那里进行设置即可,比如占位符:

占位符

4.还有元件是只能在“检视”面板中设置透明度的,比如前面所讲的图片的透明度。

5.而有些元件是不能进行透明度设置的,只能进行隐藏框架,只需选择右上角的“隐藏”图标,比如内联框架、单选按钮等。

内联框架

关于Axure矩形透明度以及元件透明度的设置全部内容已经讲完, 如果还想了解更多关于Axure的使用技巧,可以关注我们Axure中文网。

在线客服
客服邮箱
客服电话
17051276424