手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

教大家使用Axure制作汽泡确认框效果

时间:2024-10-13 15:08:45

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

教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果
教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果

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

教大家使用Axure制作汽泡确认框效果
教大家使用Axure制作汽泡确认框效果
© 手抄报圈