在Axure RP中的交互设计是由触发事件(Event)、假设条件(Case)与动 作型态(Action)所组成。
工具/原料
Axure RP交互设计
触发事件(Event)
1、当使用者对网页进行某些人机介面的操作时,茧盯璜阝就会对网页触发一个事件(Event)。例如,一个按钮的OnClick 触发事件,打开工具
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/7d34fbf4fcf5ee0d6d4b2963f96b0ce264e7bad9.jpg)
2、从左侧元件库中拖拽按钮到页面
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/64a62a0f64781423e13cf58aaac2bbd6e0d0b2d9.jpg)
3、点击工具界面右侧的onclick 按钮,在弹出的页面中设置
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/e09173e89a61862526164d5c3b04541bd00faad9.jpg)
4、在链接选项菜单中选择在当前窗口打开链接 然后选择页面3,点击确定,添加事件后,按钮瘾廛装钒左上角会 出现一个黄色小图标用来标识已经添加的事件
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/0cdb2f0e1799e92acb3dc1f4e1fec314f0c5a0d9.jpg)
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/f0848bee41c1b727d5d6853c1a2ca5cadde898d9.jpg)
添加链接交换
1、拖拽左侧元件库中的文本元件到右侧界面中
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/91091efc77f7980edda5c0c5d4db3620b83a91d9.jpg)
2、编辑文本字体,然后给文本字体设置蓝色
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/ccc83ec5260f8835560fda6ace078801397086d9.jpg)
3、点击右侧的 添加用例....快速链接
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/444696013870d541ab0925bc2e0f94fc518c80d9.jpg)
4、在弹出的编辑框中选择要连接到的页面,然后点击确定
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/95bd4e8c9bcec7f812f2de69034ce54a2e27fbd9.jpg)
5、连接的文本也会出现黄色小图标,代表连接事件已经添加成功了
![axure教程之四页面交互设计:[4]点击链接](https://exp-picture.cdn.bcebos.com/890dfb4a2f27e7efb683e8b519dd3340b7f3f5d9.jpg)