sketch做的原型图,如何更好地展示交互逻辑关系?

最近一直在用sketch做的原型图,用Notebook这个插件写了交互说明,每次导出整个模块给UI或开发看,因为不像Axure那样有跳转交互,开发人员都觉得不太方便,但我觉得用sketch做原型图,真的很好哦,所以我想请教一下,大家用sketch画的原型图,输出的文件是怎么样的啊!希望有用sketch做原型设计的小伙伴分享一些经验,多学习学习
关注者
585
被浏览
29816

可以考虑安装 Craft 插件,其中最新推出的 prototype 功能可以让你快速在 sketch 里直接添加简单的页面交互效果,然后通过手机端 InVision app 快速预览效果,而且这个插件还有其他很好用的功能,由国外有名的 InVision 团队开发,亲测简单有效,题主可以试试看,因为比较简单,我就不详细说明了。

除此之外题主也可以尝试用 sketch + flinto 的方式做交互,flinto 用来做交互原型是非常简单方便的,而且功能也更为强大。

另外,principle 更适合用来做交互中的动效(它自己的产品定位就是 Animated Design),不太适合做界面之间的简单交互表现(画热区都很麻烦)。

最后,也可以试试 Adobe XD,工具本身就已经将设计和交互功能融合在一起,挺有意思。

Craft 地址 invisionapp.com/craft

Flinto 地址(需要翻墙) Flinto

Adobe XD 地址 Adobe Experience Design CC (Beta)