交互原型功能介绍与使用

iPhone X, XS, 11 Pro – 104.jpg


功能使用条件

该功能需要用户使用标记狮客户端3.0 / 部署包版本 2.0 以上,并开通私有云高级版交互原型功能

该功能模块主要支持Sketch/Adobe XD画板交互原型上传及演示。


权限

设计师有上传画板交互原型及管理画板的权限

访客有预览原型的权限


上传画板交互原型


标记狮Sketch/Adobe XD上传画板交互原型类型


◇入口

选择提交到私有云,在提交界面勾选上传画板交互原型

标记狮上传画板交互原型

上传原型后即可同步软件交互链接视图、热区跳转、以及Web端移动端交互演示


同步软件交互链接视图

上传原型成功后,点击在浏览器中打开,即可查看同步的交互链接视图

标记狮原型交互链接视图


可在右侧菜单更多菜单中关闭显示原型连线

标记狮显示原型连线


热区跳转

上传原型后可在客户端画板详情页看到相应的热区显示,点击热区即可跳转至链接的画板

标记狮客户端原型交互跳转


上传原型后可在Web端标注详情页,点击带有热区的图层支持跳转至链接的画板,左侧图层面板支持筛选出带有热区的图层节点

标记狮原型交互跳转

◇WEB端交互原型演示

上传原型后,可在客户端或Web端点击演示按钮即可在Web进行演示

532984FE-6B53-4B70-A48E-1B76D7F36097.png

标记狮Web端演示菜单.jpg


演示效果参看:

标记狮Sketch/Adobe XD上传画板交互原型功能说明


*如果演示设备选择为Web,那么仅支持演示叠加和溶解交互动效


◇移动端交互原型演示

在客户端或WEB端点击  28D5A539-74AA-4720-A71B-72BF3B443DB0.png图标即可生成预览二维码,使用移动端设备扫码后即可在移动端预览交互原型

标记狮扫码在手机上预览原型

预览链接不失效,并可通过该链接预览所有有权限的画板和文件夹

移动端预览教程查看:

标记狮私有云移动端交互原型预览教程


标记狮移动端原型预览教程2.png

标记狮移动端原型预览教程.png


标记狮私有云部署
一键部署标记狮至私有服务器,构建快速,安全,高效,私密的UI设计团队云协作