原型图axure教程 axure原型图案例模板( 二 )


03 交互设置
【原型图axure教程 axure原型图案例模板】我们需要为删除、确认、取消这三个按钮分别设置鼠标单击事件 。
删除按钮-鼠标单击事件
谁:删除按钮 。
在什么时候:鼠标单击时 。
做了什么事:显示删除确认对话窗口 。
交互设置:选中删除按钮,点击新建交互,选择“鼠标单击事件”,选择删除按钮为目标元件,选择显示/隐藏动作,设置显示 。
原型图axure教程 axure原型图案例模板
显示删除确认对话框
确认按钮-鼠标单击事件
谁:确认按钮 。
在什么时候:鼠标单击时 。
做了什么事:隐藏“删除确认”对话窗口 。交互设置:选中确认按钮,点击新建交互,选择“鼠标单击事件”,选择确认按钮为目标元件,选择显示/隐藏动作,设置隐藏 。
原型图axure教程 axure原型图案例模板
隐藏删除确认对话框
删除按钮的交互设置基本与确认按钮一致(这里不考虑表单数据的删除),只是目标元件不同 。
三、页面载入我们还是以简书的导航为例 。
观察交互效果:页面默认选中推荐,显示推荐的文章列表 。
线框图:线框图的绘制以及选中样式的设置在上文“导航菜单样式”已说明,这里不做重复说明 。
交互设置
交互分析
谁:简书首页
在什么时候:页面加载时
做了什么事:选中推荐导航
交互设置:点击页面空白处,不选中任何元件,点击新建交互,选择页面加载时事件,动作中选择选中,找到目标元件“推荐”导航 。

推荐阅读