30秒制作交互原型的次时代神器FLINTO

   30秒出交互原型,5分钟搞定交互动画!今天@Payshare 给大家安利一款超实用的交互原型制作神器,亮点有3:整体交互原型制作,与Sketch无缝配合,制作速度快快快到难以想象,内附一个教程,不到20秒效果就完成你敢信?来收!

  Flinto的前身是一款在线制作原型的工具,通过上传图片,添加热点配合相应的交互动作快速的生成整体原型通过网页或者手机端展示给客户观看,与之前介绍的Briefs非常相似,但Flinto是在线应用。

  随着移动设备的普及,Flinto也不断进化,团队开发出了Flinto for mac 版本,截止到现在的版本是Flinto 1.12


  任何工具的出现都是为了提高我们的效率。作为一款交互原型制作软件首先要满足:

  可以人机交互

  便于设计师与其他人员沟通

  减少开发成本

  Flinto的一些效果


  也许我们很难想象,以上的后面三个效果都是在极短的时间内完成的(极短<=5分钟)

  目前的Flinto除了拥有透明度变化,XYZ轴旋转,XY轴位移,运动曲线调整,移动端保存预览,等基础功能之外,最大的优点有五个:

  整体交互原型的制作

  与sketch无缝配合

  制作速度快

  制作速度真快

  制作速度非常快

  案例


  下面我们要制作如上图的效果:

  首先在sketch中绘制静态效果图:


  2. 利用Flinto插件一键导出到Flinto,点击相应图片添加触发交互的行为,这里是Tap,即单击,新建变化(New transition)


  3. 把背景层透明度调整为0,调整整个图层位置,链接放大图片到小图片,调节运动参数。


  4. 保存动作,选择四张图片成组制作滚动Scroll,添加返回行为,预览效果。


  以上的效果我制作原型其实只用了不到20秒。

  之所以那么短的时间得益于Flinto的connet layer(类似于Flash的补间动画)的作用,使图层之间的变化可以非常迅速的制作,并且Back link功能使我们可以一键制作原型的返回效果,这两点无疑大大加快了制作速度,并且由New Transition制作的交互动作和connet layer的标签还可以重复使用,总之,难以想象的快。

时间: 2024-12-17 08:11:28

30秒制作交互原型的次时代神器FLINTO的相关文章

微酷:WEB2.0时代 30秒发掘UGC视频分享蓝海

移动互联大潮正起,现已成为IT领域创业.投资不争的热点.新浪科技移动互联网栏目欢迎创业公司自荐,愿与创业者及开发团队一同成长,打造创业.投资及行业爱好者交流的平台.联系我们请点击这里. 微酷主界面 微酷个人界面 WEB2.0时代,UGC很流行. UGC全称为User Generated Content.是"用户产生内容".UGC作为WEB2.0的主要特点之一,早期发展主要在PC端,以社交分享.视频分享.知识分享为基本分类的各种网站都流行起来. 不过,在视频分享领域,由于视频网站趋向于片

教你用KEYNOTE快速制作高保真交互原型

  Keynote 在一定程度上,制作高保真原型是非常快速的. 比如我下面的这个例子,在 Framerjs 的官网有用 Framer.js 的样例,我用 Keynote 重做了一遍.在这个例子里,相比用 Framerjs 的令设计人员忘而生畏的一两百行代码, Keyonte 可谓简单快速便捷.我把一些资源也放在 GitHub 上了 :infodavid/keynote-prototype · GitHub. 用 Keynote 制作交互动效设计 - 硬件准备:Mac - 软件准备:Keynote

“30秒中国”背后的文化战略转型

周志强 前不久,奥巴马访华时,我们同时接待了两个美国总统:一个是政治总统,一个文化总统:一个大讲政治合作,一个大谈民主自由:一个从上海到北京,在和中国外交部周旋,一个则在电影<2012>中,随着该片的公映走遍中国各地,和中国普通公民交融在一起. 显然,美国始终两条腿走全球化之路:政治之路和文化之路.进而言之,"美国"总是不断地对自己"形象"进行美学包装,并且通过大众传媒四处传播这样一种政治无意识:美国是进步.民主和自由的象征. 关键在于,美国形象的这种推

iOS开发:可交互原型的最佳实践

  很多 UX 和 PM 同学还是习惯使用传统的 Axure RP 制作产品原型,作者觉得 Axure RP 在 iOS 原型阶段还是有优势的,比如可以很方便交互模式的创新和细节,不拘泥原生控件. 首先大致在iOS中原型呈现有这个几个需求: 必须全屏 依照场景在线或者离线操作原型 如果导入到 App 内, 使用 iTunes 原生的方式 无需越狱 1. 先前准备工作 1)在原型设置中适配 iOS (v6.5) 在 Generate prototype 中 Mobile/device 对话框 勾选

黑客30秒攻破苹果iOS系统夺得大赛冠军

本文讲的是 :  黑客30秒攻破苹果iOS系统夺得大赛冠军  , [IT168 评论]神不知鬼不觉,一部装有最新iOS7系统的iPhone5手机中的照片账号密码等被王琦轻而易举地盗取了.在今年11月初举行的第三届上海市信息安全活动周,碁震(上海)云计算科技有限公司掌门人王琦露了一手,震住了场内众人.王琦说,最干净.最新.最安全的手机,都无法完全避免漏洞. 在11月中旬日本东京举行的世界顶级信息安全比赛Pwn2Own上,王琦和他的小伙伴们则震住了全球的技术高手.碁震团队(Keen Team)花了不

30 秒发现九成肺癌乳腺癌,港中大 AI 识别系统问世;天猫新零售即将进入家居领域

30 秒发现九成肺癌乳腺癌,港中大人工智能识别系统问世 香港中文大学计算器科学与工程学系针对检测医学影像,开发人工智能影像识别系统,只需三十秒至十分钟,便可分析病变影像,准确率超过九成,减少人为错误.团队将与本地医院合作,希望一至两年内在医学界应用. 据香港星岛日报报道,人工智能技术愈趋成熟,应用范畴更广泛.香港中大计算器科学与工程学系教授王平安及其研究团队,成功发明可检测医学影像的人工智能影像识别技术.他们利用人工智能系统,以深度学习(Deep Learning)不断"练习"判断医学

突破性充电器成功现世 手机全充满只需30秒

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;      以色列创业公司StoreDot表示他们研制了一种具有突破性的充电器原型,为手机充电只需要短短30秒. 借助于这种充电器,为笔记本电脑充电也只需几分钟,而不像现在这样需要几个小时.对于这一突破性装置背后的技术,StoreDot目前严格保密. StoreDot的前身是特拉维夫大学的纳米技术系,为三星Galaxy 4研制了这种原型.在特拉维夫举行的微软Think

以色列公司;研发出手机超级充电器30秒内充满电

硅谷网讯 据华尔街日报报道,一家总部位于以色列特拉维夫的起步公司StoreDot Ltd.在周一发布了一款充电器原型,能够将http://www.aliyun.com/zixun/aggregation/26090.html">手机电池在30秒内从接近没电到完全充满,他们表示希望这项技术能够加速充电过程. StoreDot Ltd.产生于以色列特拉维夫大学的纳米科技学院,它为三星Galaxy 4研发了这款充电器原型,并在以色列特拉维夫召开的微软思考下一次会议上公开展示了这款设备.Store

iOS 中可交互原型的最佳实践

[编者按]本文转载自百度UED,作者为@yoyicue .友情提示一下,这位同学"藏"的很深. 在互联网上可以很方便能够找到各种 iOS 组件库来实现控件,所以本文中并不包含如何实现与 iOS 相同的交互方式.但解决一个困惑, 即如何在 iOS 设备上优雅的呈现原型呢? 很多 UX 和 PM 同学还是习惯使用传统的 Axure RP 制作产品原型,作者觉得 Axure RP 在 iOS 原型阶段还是有优势的,比如可以很方便交互模式的创新和细节,不拘泥原生控件. 首先大致在iOS中原型呈