sketch如何做设计稿交互_sketch 交互原型制作方法

本文详细介绍了如何使用Sketch制作交互原型,包括使用链接、热区工具进行页面跳转,预览交互效果,设置动画样式,固定图层位置,转换元素为热区,删除链接,设置预览默认首页,以及各种预览方式。通过这些步骤,可以高效地创建出专业级别的Sketch交互设计稿。
摘要由CSDN通过智能技术生成

来,我们先瞅瞅

1,做交互原型会用到哪些工具?

1,菜单栏 - 原型-菜单下的所有功能

2,菜单栏 - 视图 - 显示原型

3,工具栏 - 链接、热区、预览、cloud  (这4个工具)

2,工具栏里没这4个工具?

来,我们把它找出来: 鼠标放在工具栏处- 右键 -自定义工具栏

找到(链接、热区、预览、cloud )这4个工具 - 拖拽到顶部默认工具栏上 - 完成

3,页面之间是怎么跳转的?

方法1:通过工具栏上的链接工具 / 快捷键W

选中A画板上的元素(图层/图层组) - 点击链接工具 / W - 点击B画板,就完成了A到B的跳转。

方法2:通过热区/快捷键H(热区就是可点击区域,点击这块区域就会跳转)

点击 - 热区工具 / H - 在B画板上画出热区。然后把链接线拖拽到A面板。  这样,就完成了B到A画板的跳转。

4,如何预览交互效果?

工具栏上 - 预览按钮/快捷键 ⌘+P   ⌘+W 关闭预览窗口

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值