恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
这是我觉得迄今为止最好用的交互软件
0.0°
2016-03-29 原创文章 教程 举报 22209 84 51 8

最好用的交互软件 分享给大家。

有些事我都已忘记

但我现在还记得

在一个晚上我的朋友问我

今天怎么不开心

我说在我的想象中有一种动态效果

与众不同最流畅 演示肯定棒

整个城市找遍所有的街都没有

他说Flinto会给我答案

Image title


 小编接到领导要求让我做一个进度条,回想一下之前自己只简单使用过AE,小编打算做个新的尝试,换一个软件来使用。由于上面朋友的推荐,于是我打开度娘想看看我和这个软件的匹配度。在惊喜又惊讶的同时,小编我认真的整理出了这样一个表格作为软件调研。


交互软件大比拼

Image title


   由于公司对私密性要求级别很高,小编最后还是选择下载flinto来体验一番。


Send to flinto

Image title

双击打开软件,简洁的画面让小编为之一振。听闻Sketch可以直接导入Flinto,小编就任性的把Sketch打开了,果不其然,看到一个选项是“sendto flinto”。这样做的好处就是Flinto会保留Sketch里面的元素,并且可以进行大小、位置、翻转等修改。


Connect layers

小编将从Sketch里面导入的画板复制了一份,并把其中一个矩形素材缩短。用create link将两个画板连在一起,此时可以选择你需要的默认跳转方式, 效果即出。

Image title

简单来讲,flinto主要的核心功能在于单画板和多画板操作,单画板做动画,多画板做DEMO。单画板用connect layers即可链接两个元素,这块有点像PPT中的magic move,只要链接了元素,他们之间即可产生动画。


小编注意到现在的效果运动的很快,不是很理想,右侧面板还有一些可以调节的地方。


曲线

spring rk4为原开发版本里面的曲线,可以调节张力、摩擦力等。其中,张力越大,运动的越快;摩擦力越小,运动的越快。

           

spring uikit为新增的“最优曲线”,并且可以控制动效持续的时间以及延时的时间。

 

classic为经典曲线,其中有四种已设定好的常用曲线。进行了微调之后,小编的进度条就完成了。 

Image title

做完这个GIF,小编在探索其他功能的时候发现了几个有趣的事情。


滚动组

本以为这是让素材制造出滚动效果的按钮,其实则不然。它是将同一个画板里面的多个素材选中、合并。从而演示的时候会出现滚动的效果。


手机同步

看见这个功能之后小编觉得必须要体验一番。在手机上安装了viewer,在同一个Wi-Fi环境下,电脑和手机的界面真的同步了。

Image title


遮罩

将需要被遮罩的素材组成一个组,遮罩按钮即点亮。可以框选演示的时候需要露出的部分,而且遮罩是可以有圆角的哦。


附录一些TIPS

1.小编第一次做的是Arboard1 to Arboard2 to Arboard3,但是第二个跳转没有新建,影响了Arboard1 to Arboard2,迷惑了半天才改清楚。

2.目前单画板不支持元素调节,多画板支持元素的大小位移调节。

3.软件不支持android手机预览,导出仅支持MOV格式。


今天先讲到这里,小编的探索之旅未完待续。认识并尝试了这个软件之后让小编觉得交互不再是那么繁琐的东西,演示也变得更加流畅生动。相对于之前用过的AE它真的是非常的省时高效,修改起来也没有那么复杂,更方便于在移动端上看到自己想要的效果。并且它也同时兼容GIF和video,根本不用担心无法导入的问题啦!


请关注luffydesign,了解更多

Image title


 

更新:2016-03-29

收藏

84人已收藏

  • 3

    作品

  • 60

    粉丝

  • 17

    关注

  • 我为什么爱上sketch设计
  • Adobe XD?别闹!五分钟教你用Sketch 设计APP

    猜你喜欢

      2016-03-29 原创文章 教程 举报 22209 84 51 8

      这是我觉得迄今为止最好用的交互软件

      0.0°

      你确定要举报这是我觉得迄今为止最好用的交互软件

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年02月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      51
      84
      8

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录