Axure对话框的设计

大家在日常的原型绘制中经常会遇到绘制中间弹出的对话框的效果，其中会包含基本对话框、确认对话框、输入对话框等

那么如何实现该效果呢，下面咱们以在app端弹出删除对话框为例

1.首先先绘制，拖入按钮元件，为后续点击该按钮，弹出删除对话框做准备

 2.绘制删除对话框，并添加确认和取消按钮

 3.将整个对话框选中，右键转化为动态面板，由于一般的呈现效果都是在软件的中间弹出该对话框，故需要将该弹框固定在中间展示，axure又不支持对元件或者元件组设置固定位置，故只能转化成动态面板再进行设置

4.设置动态面板为固定居中展示

5.将动态面板设置为默认隐藏，并给动态面板设置名称，方便后续交互效果是能及时找到该面板  

6.设置点击按钮的交互事件

​7.最后一步设置点击弹框中的确认或取消，弹框消失的交互事件 

 8.最后看一下效果

  更多精彩分享内容请访问我的官网：文拾沐译产品经理导航