浮木云学习日志（4）---交互编排

最新推荐文章于 2024-09-13 22:12:07 发布

售前成长之路

最新推荐文章于 2024-09-13 22:12:07 发布

阅读量802

点赞数 23

文章标签： axure 原型模式学习

本文链接：https://blog.csdn.net/shouqian2021/article/details/135842420

版权

上次分享了浮木云的静态页面搭建，教我们在短时间内快速形成一个原型页面，但一个完美的原型设计怎么可能少的了动态交互效果呢？今天我将给大家分享的是浮木云平台的重头戏---交互编排。顾名思义，交互编排就是编排原型页面之间关联交互，使得页面呈现动态交互的效果。

如果说原型页面是原型设计的灵魂，那么页面之间的动态交互效果就是原型设计的点睛之笔，建立动态交互效果，无论是对客户还是对研发，都能通过原型设计很好的理解业务需求逻辑。接下来请让我们一起进入浮木云平台https://www.fumucloud.com/学习一下浮木云的交互编排吧，为我们的原型设计添砖加瓦。

在学习交互编排之前呢，我已经完成了几个静态页面的搭建，接下来重点给大家介绍一下我学习的一些经常用到的交互编排。

打开弹窗

当页面设计中触发某个按钮，即可出现弹窗，这就是打开弹窗的交互效果。为实现这个效果，需要为这个按钮和弹窗之间建立交互编排关系。以下图为例，选中【添加企业】按钮，在“交互编排”中对【添加企业】按钮“新增事件编排”。

选择“打开弹窗”卡片，放入画布中，并与画布页面的开始端和结束端建立连接，同时选中弹窗卡片，在画布右侧选择需要触发的弹窗组件，保存即可完成【添加企业】按钮与“添加企业”弹窗之间的交互关系，这样看来页面之间的动态交互制作也可以如此简单呀。

重置组件

当用户通过查询条件搜索特定数据之后，点击【重置】按钮，页面就会实现刷新重置的效果。为实现这样的效果，我们只需要对【重置】按钮进行交互编排即可。选中“重置组件”卡片放置在画布中，连接开始端和终端，在右侧选择对应需要刷新的组件，保存即可完成重置按钮的交互编排。

显示组件&隐藏组件

这两个组件会在同一场景同时触发，例如你点击一个按钮，在同一个页面同一个位置需要切换不同的内容，就要用到显示组件，触发需要显示的内容，同时用到隐藏组件，触发需要隐藏的内容，这样就会实现在同一个页面的同一位置显示不同内容的效果。

打开新的页面

在一些网站中，我们总是能看到触发某个按钮，就会打开新的网站页面，这在浮木云平台也可进行对应的交互编排实现相应的交互效果。选中“打开新的页面”卡片，连接开始端和结束端，在画布右侧选择跳转类型，包括内部页面和外部页面，内部页面指的是目前创建的应用系统页面，外部页面可直接复制链接建立页面跳转关联。根据跳转类型在“跳转地址”中选择对应的跳转页面，保存即可完成打开新的页面的交互效果。