摹客教程

摹客教程

摹客,让设计更快更简单

页链接

Mockplus中可轻松实现页面跳转,操作简单可视化。

基本使用

设置页链接,只需拖拽链接点,指向需要跳转的页面即可。效果如下:

页链接动图-中文.gif

可以通过页链接面板管理页面跳转交互。

1-中文.png

开启“显示/隐藏组件标记”,鼠标移动到组件上,可快捷查看目标页面

3-中文.png

4-中文.png

页链接面板设置

可通过“目标”属性添加、编辑或删除目标页面。一个组件只能跳转到一个目标页面,设置了新的目标页面后,之前的目标页面将会失效。

2-中文.png

还可以将组件设置为一个返回链接,演示时点击返回链接可直接回到之前的页面。在App原型中,这样的返回交互随处可见。

返回链接-中文.gif

想在编辑原型时快速切换到组件的目标页面,有两种方式:

  • 选中组件,在页链接面板中点击“切换到目标页”
  • 选中组件,按住ctrl鼠标移到组件右下角链接标志上,光标变为手型后点击

5-中文.png

快速切换到目标页.gif

对于手机和平板项目,还特别支持了切换动画、动画时长属性。

6-中文.png

 

 

相关阅读:


MockplusMockplus,100万产品经理和设计师的选择
免费下载Mockplus,开始你的设计!