古之成大事者,不惟有超士之才,亦唯有坚韧不拔之志

使用Sketch+Flinto做交互(附素材)

最近在工作的过程中,不断使用一些更加快速且方便的软件,这片文章主要谈谈sketch+flinto做交互的心得体会和一个简单的教程。

Sketch是基于之前的线框图增强设计感,具象之前的产品;如果产品理顺了的话,设计UI在Sketch的帮助下产出简直是飞速的。而且sketch相对axure来说,更快捷实现高保真原型。但是这里不推荐开始就用sketck,约束性比较强,开始还是建议是用axure,因为慢慢使用会发现,sketch 的定位不是原型图。

Flinto的前身是一款在线制作原型的工具,通过上传图片,添加热点配合相应的交互动作快速的生成整体原型通过网页或者手机端展示给客户观看。通过flinto可以快速实现交互设计,而且flinto的另外一个优点是,可以和sketch无缝对接,通过插件就可以把素材直接导入到flinto中。

下边,我从网上就直接找了一个例子给大家,清晰的了解sketch+flinto做交互的步骤和效率。文末有相关素材的下载地址。

引用教程的地址为:sketch+flinto快速实现交互演示动画-UI中国-专业用户体验设计平台

《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》《使用Sketch+Flinto做交互(附素材)》

sketch素材下载地址:点击下载

软件:sketch和flinto目前都是在mac上运行的,可以直接在应用商店下载。如果想体验一下,需要破解版的同学,可以私信,不过还是推荐使用正版软件。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注