制作交互原型

上传到 CoDesign 的设计稿可创建交互原型,在设计稿上任意拖拽创建热区,该热区大小方向可调节,自由选择跳转的目的页面,且可选点击触发或鼠标悬停触发两种跳转方式。

原型制作

进入画板详情页后,点击上方的「原型」 -> 在设计稿上双击或拖拽创建交互热区 -> 点击左侧画板列表中的目标画板或在右侧的「跳转目标页面」中选择画板 -> 选择「单击触发」或「鼠标悬停触发」的触发方式即可。

img

创建成功后,在热区中,Shift +鼠标单击,即可跳转至目标画板。可按需开启「设为演示首页」开关。

img

原型演示

点击画板详情页上方的「演示」按钮,即可预览并操作制作好的原型。演示设备默认为桌面设备,点击左侧的演示设备可切换「演示设备类型」、「显示方向」和「适配方式」。

img

点击左侧的「分享」按钮,按需开启密码保护,通过此方式分享的设计稿,被分享者仅可查看设计稿和体验交互原型。

img

通过左侧的操作栏,还可对演示原型进行更多操作。

img

目录