Mockplus是一款简单而强大的原型设计工具,它通过提供直观的交互设置功能,帮助设计师轻松实现复杂的交互效果,从而打造出流畅的原型体验。本文将详细介绍Mockplus的交互设置功能,帮助用户更好地理解和运用这一工具。
1. 交互面板概述
Mockplus的交互面板位于界面的右侧,通过选项卡切换可以进入。该面板主要包括以下几部分:
- 源组件列表:显示交互中触发组件的所有链接点。
- 触发:定义交互的触发方式,如点击、右键点击、双击等。
- 目标:设置交互的目标组件。
- 命令:列出对目标组件设置的交互和相关参数。
- 动画:设置交互的动画参数,如动画类型、执行时长、延迟等。
2. 设置页链接
在Mockplus中,设置页链接是实现页面交互的关键步骤。以下是具体的操作步骤:
- 拖拽链接点:选中源组件,将链接点拖拽到目标页面的链接点上。
- 管理页面跳转交互:通过页链接面板,可以添加、编辑或删除目标页面。
- 设置返回链接:在App原型中,可以设置返回链接,实现点击后返回上一页面。
- 快速切换到目标页面:选中组件后,在页链接面板中点击“切换到目标页”,或按住Ctrl鼠标移到组件右下角链接标志上点击。
3. 添加交互命令
交互命令是Mockplus中实现交互效果的核心。以下是一些常用的交互命令:
- 显示/隐藏:控制组件的显示与隐藏。
- 移动:设置组件的位置变化。
- 改变大小:调整组件的大小。
- 改变透明度:设置组件的透明度。
- 播放动画:对组件应用动画效果。
4. 设置动画参数
动画参数的设置可以使交互效果更加生动。以下是一些动画参数:
- 动画类型:如淡入淡出、放大缩小、平移等。
- 执行时长:设置动画的持续时间。
- 延迟:设置动画开始前的延迟时间。
5. 团队协作与审阅
Mockplus支持团队协作与审阅功能,方便团队成员共同参与设计,并对项目进行实时审阅。
- 协作设计:每个项目可以允许多个团队成员共同参与设计,设计完成后一键同步即可实现项目合并。
- 审阅:项目发布后,一键邮件群发通知审阅,支持7种批注方式。
6. 总结
Mockplus的交互设置功能丰富,操作简单,可以帮助设计师轻松实现流畅的原型体验。通过本文的介绍,相信用户已经对Mockplus的交互设置有了更深入的了解。在实际应用中,不断探索和实践,相信您将更加熟练地运用Mockplus,打造出令人满意的原型设计。
