可能很多人对 InVision 是做什么的不太清楚,这里稍微科普一下,除去需要 VPN 来提速(不是被墙),这家公司应该是目前所有原型工具中最优秀的,没有之一。无论是对于产品的理解、体验的设计,还是对于前端技术的追求。
Craft 的原型工具,是 Craft 中最重要的一个功能,在 Sketch 中直接提交页面和交互设置,衔接网站主体交互功能的工具。可以快速在 Sketch 把页面的交互设置做好,然后生成网页的链接分享出去。可以让任何人,通过任何设备的浏览器进行访问和操作。这里面很多优点就不说了,大家可以自己研究。
下面直接进入今天的主题,没有下载的可以去官网下载最新的安装包。以及保证自己更新到最新的版本,开启了最下方的 Sync + Prototype。Craft 的面板
然后我们在 Sketch 界面中的 Craft 的功能栏最下方(位置比较坑),可以看见一个闪电按钮,点击开就可以开启原型编辑模式,同时底部会有提示框弹出。
开启原型编辑模式时弹出的提示
在这个状态下,只要我们选中画布中的组件,再按快捷键 C ,就会生成一个箭头,把剪头指向组件对应跳转的页面再点击,就会弹出一个新的弹窗进入下一步操作。
定位组件跳转的页面
这个弹窗是用来设置交互动作和效果的。最上方的单选弹窗,是用来选择交互目的,是链接到新页面或者页面遮罩的模式。下方 Gesture 代表手势,比如点击、滑动、长按等。Transition 代表在触发了上方交