为什么我推荐使用Flinto做高保真交互设计稿?

为什么我推荐使用Flinto做高保真交互设计稿?

为什么我推荐使用Flinto做高保真交互设计稿?

静电说:其实Flinto并不算一个新鲜的工具了,但是感觉在设计师中的流行程度并不高,可能是这个工具一直很低调的原因吧。在16年初,Flinto还只是个可以做连连看的工具,跟其它同类型的工具并没有太多的区别。但是随着开发者对flinto的改善,特别是Behavior Designer加入后,Flinto终于可以有自己的核心特色了。通过后续的更新,不需要一行代码,通过Flinto来完成一个高保真的交互原型,也已经不再是什么难事儿。

为什么我推荐使用Flinto做高保真交互设计稿?

那有些小伙伴可能要问了,Flinto与同类型的交互工具相比,区别到底是什么呢?我们应该如何选择呢?别急,且听静电慢慢道来。

01

好用的连线功能

交互工具最基本的功能就是连线,将多个交互设计稿通过超链接的形式链接起来,这好像并不是什么新鲜事,但是Flinto为我们提供的多种屏幕间的过场功能给了我很深的印象。如果我们使用普通的方式,在屏幕过场的时候,上部的状态栏也会随之发生效果,但在真正的应用中,这是不应该出现的。在Flinto中内置了原生的iOS状态栏,完美了解决了这个“假”的问题。

为什么我推荐使用Flinto做高保真交互设计稿?

02

可以滚动的页面

 

如果希望高保真原型更真实,那页面一定是需要滚动的。毕竟不可能只有跟屏幕高度一样的页面,Flinto的滚动功能可以提供多种效果,支持横向,纵向,分页,以及滚动驱动其它内容进行变化的功能。总之,这样会显得更加真实了。如下图,我们用来模拟iOS真实的操作效果,和真的几乎一模一样哦。

为什么我推荐使用Flinto做高保真交互设计稿?

以及滚动驱动的状态栏变化

为什么我推荐使用Flinto做高保真交互设计稿?

03

Flinto中绘制矢量图形和文本

 

在之前的版本中,Flinto只支持最简单的矩形和原型,那么现在你可以用Flinto来绘制除了矩形圆形之外的形状,比如矢量路径,这一点非常酷。一些简单的形状我们直接在Flinto内部就可以搞定了,不需要再转到Sketch中导图片了。同时,矢量图形还可以做更炫酷的形变,最近Flinto还加入了可编辑的文字功能,想想都有点小激动呢。

为什么我推荐使用Flinto做高保真交互设计稿?

04

Behavior Designer(行为设计)

 

行为设计功能是Flinto中的王牌功能,以往,我们在使用这些连连看的工具的时候,只能做到在同一个界面进行一次交互,然后就会跳转到另一个界面。但是通过Behavior Designer,你可以完成更多炫酷的操作。比如,在一个界面中控制多个开关的打开和关闭,并且这些开关的状态会被记录。就像真正使用一个应用一样。

为什么我推荐使用Flinto做高保真交互设计稿?

同样我们可以用其制作弹层效果。

为什么我推荐使用Flinto做高保真交互设计稿?

当然,在《不一样的UI设计师》这本书中,我们还详细讲解了无缝轮播图效果的实现原理 。

为什么我推荐使用Flinto做高保真交互设计稿?

05

手机上进行真实的演示

安装Flinto手机应用后,你可以将自己做好的应用效果传到手机端,这个时候你会发现,他们做出来的效果真的跟实际的手机应用几乎一模一样。同时,我们也可以对自己的操作过程进行录像,并发给其他人观看。

06

完全中文化

 

很多小伙伴比较担心英文不好,但Flinto已经是原生的中文应用,使用起来简直没有任何障碍。

07

更好与开发工程师配合

Flinto内置了符合开发规范的曲线模型,我们可以很方便的将这些运动效果声称公式给开发工程师使用。

为什么我推荐使用Flinto做高保真交互设计稿?

08

与Principle有什么区别?

 

Principle更专注于细节,比如一个Loading的动画过程,而非整个应用的演示。相比Principle,Flinto在这一方面更加在行。当然,要完成如下图这样的效果,Flinto也是不在话下的。

为什么我推荐使用Flinto做高保真交互设计稿?

为什么我推荐使用Flinto做高保真交互设计稿?

要了解更多Flinto的原创例子,欢迎大家阅读静电的新书《不一样的UI设计师》,里边提供了十几个静电原创的动效交互例子,并附赠了29集视频。同时我们也对交互过程中常用的动效曲线进行了深入浅出的讲解,相信大家在读完之后很快就可以掌握。总之干货满满,不容错过哦。


为什么我推荐使用Flinto做高保真交互设计稿?还没有购买《不一样的UI设计师》的小伙伴,欢迎猛戳下方的阅读原文购买哦。

为什么我推荐使用Flinto做高保真交互设计稿?

有竞争力的设计师,更与众不同

UI中国创始人董景博老师强烈推荐

从现在开始,不一样


为什么我推荐使用Flinto做高保真交互设计稿?

点击阅读原文-购买《不一样的UI设计师》

为什么我推荐使用Flinto做高保真交互设计稿?

往期文章推荐

帮UI设计师处理繁杂事务的神器-Sketch Material插件

UI设计优秀转场动效的5个核心的规则

揭秘《不一样的UI设计师》-究竟会让你变的怎么不一样?

还在纠结PSD文档转Sketch格式?几乎完美的新神器来了

Sketch导出的图片为什么发虚?答案就在静Design·真相实验室

UI设计要不要用栅格化布局?这是个问题!


为什么我推荐使用Flinto做高保真交互设计稿?


为什么我推荐使用Flinto做高保真交互设计稿?

不一样的UI设计师都在关注我们(长按关注)

为什么我推荐使用Flinto做高保真交互设计稿?
戳这里!购买《不一样的UI设计师》

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33547/

(0)
TinadminTinadmin
上一篇 2017-08-01
下一篇 2017-08-01

相关推荐

  • 手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03
  • 交互设计的未来

    数十万互联网从业者的共同关注!译者:小媛作者:Terry Cao ,发表于DESIGN & DEV译文地址:http://www.jianshu.com/p/daaa353e6d95译者授权早读课发表,转载请联系译者。欢迎投稿到早读课,投稿邮箱:mm@zaodu…

    2017-08-04
  • 让人最不喜欢的交互设计错误列表,来看看你中枪了没!

    好的交互设计可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计错误列表,来看看你中枪了没!1缺…

    2017-08-02
  • 交互设计基本功-pc端

    很多小伙伴0基础想转ux,看了很多网上的文章和书,但是依然不知道具体怎样入手。看完这篇文章,你就可以真正的入门了。1、按钮的5种状态1)正常状态:可以点击且没有进行任何动作的状态2)鼠标悬停时状态:鼠标停留…

    2017-08-01
  • 从第三代锁屏,看移动端交互设计的未来趋势

    每年的梅花网传播业大展都是传播业界的一大盛事,我们不仅能看到过去一年整个市场和行业的进步与创新;也会看到互联网、移动互联网催生的一系列产品,它们共同预示着未来的发展方向。今年的梅花网传播业大展上,我…

    2017-08-01
  • 【10min学交互设计精髓】做产品要有风度(9)

    图片来源于网络小伙伴萌,有一周没见了,有没有想我呀~~快来看看今天咱们讨论些什么,有任何想法和建议都可以给我留言哦。我们常常谈起情商,人与人的相处方式。作为pm,有没有想过产品和人的相处方式呢?这个课题…

    2017-08-01
  • 交互设计 ▏当谈论『隐形设计』时,大家会谈些什么?

    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。原作者:Carrie Cousins 翻译:IFEC团队译者 十萬個為什麼当你创造网页、移动应用甚至智能手表的交互时,就是…

    2017-08-01
  • 交互密度与最小交互区域

    体验优秀的App之所以优秀,往往是因为他们能让用户快速访问到各项功能。这里就涉及到多点触摸的交互密度,一个较大的触摸区域,在常规操作下十分好用。 或许对于一些用户来说,触控区域的大区块,视觉上可能有点难…

    2016-06-08
  • 功能确定之后,如何做好产品的交互设计?

    功能和数据都确定下之后,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓准了,我…

    2017-08-03
  • 12个很不错的UI交互设计动效灵感

    转自:设计达人(ID:shejidaren888)链接:http://www.shejidaren.com/ui-interactions-01.htmlUI动效设计是每位设计师们的一个进阶技能,我们做动效时,不仅仅要有用,而且还有好看哦,今天达人分享来自muzili整…

    2017-08-02