Axure怎么制作气泡效果的确认框?

Axure中经常会制作一些确认框的样式,今天我们就来看看制作气泡效果确认框的教程,详细请看下文介绍。

1、打开Axure,今天教大家使用Axure制作汽泡确认框效果,如下图所示。

Axure怎么制作气泡效果的确认框?

2、首先我们从元件库中拖入本次需要使用的元件素材,如下图所示。

Axure怎么制作气泡效果的确认框?

3、然后我们将矩形的形状修改为对话框形式,如下图所示。

Axure怎么制作气泡效果的确认框?

4、然后我们再调整一下这个对话框的大小及样式,如下图所示。

Axure怎么制作气泡效果的确认框?

5、下面给对话框中加入一些文字描述,如下图所示。

Axure怎么制作气泡效果的确认框?

6、然后我们再给按钮加样式,并对大小进行调整,如下图所示。

Axure怎么制作气泡效果的确认框?

7、将所有处理好的元件组合到一起,并全部选择转换为动态面板,记得转换后的动态面板要命名,如下图所示。

Axure怎么制作气泡效果的确认框?

Axure怎么制作气泡效果的确认框?

8、然后进入动态面板,给刚刚的按钮加一个交互事件,如下图所示。

Axure怎么制作气泡效果的确认框?

9、最后F5预览看一下效果,如下图所示。

Axure怎么制作气泡效果的确认框?

Axure怎么制作气泡效果的确认框?

以上就是Axure气泡效果的确认框的制作方法,希望大家喜欢,请继续关注。