Principle&Flinto做动效,选对软件很重要。

最近接触到Principle和Flinto,交互设计软件,大大的提高了设计提案,降低了设计师与开发沟通成本。

一、做动效,选对软件很重要。

自从2015年UI设计的火爆,交互软件也层出不穷Hype3、Pixate、Principle、Flinto,软件的选择也是为了达到你的目的,针对不同的需求选择适合的软件,能够事半功倍,现在APP的动效都比较倾向于简单,动效的目的是传达给用户信息而不是炫酷,过多和无理由的动画会阻碍应用的流畅性,降低性能,还会分散用户在操作中的注意力,就像iOS的动效只是用深度给用户一个哪里来哪里去的信息。安卓的动效更倾向于模拟自然界的物理变化,比如卡片在拾起的时候,投影面积会变大,点击会发出水波连动的反馈等等。

二、为什么做动效?

1、传达状态和提供反馈

2、增强直接的操纵感

3、将用户的操作可视化

三、动效应该具备什么原则?

1、过场的流畅,不可以让用户感觉反应迟钝缓慢;

2、动效应该具备引导作用,通过动效能让用户明白什么,以及对层级的展现;

最近接触到Principle和Flinto,研究学习了一下,做了个总结,和大家分享,在UI界面设计成之后可以快速的制作出页面交互效果,大大的提高了设计提案,demo交互效率,降低了设计师与开发沟通成本。

Principle&Flinto做动效,选对软件很重要。

先来一波追波Johny vino?大神的作品–(PS我是跪着看完的)

Principle&Flinto做动效,选对软件很重要。

Principle&Flinto做动效,选对软件很重要。

Principle&Flinto做动效,选对软件很重要。

Principle&Flinto做动效,选对软件很重要。

跪拜就告一段落,下面晒晒小编临摹的作品以及制作过程希望对初学者有一些帮助,前方高能-请注意辣眼睛(哈哈哈)

Principle&Flinto做动效,选对软件很重要。

制作的过程

快捷键:原位复制comd+alt+C 原位粘贴:comd+alt+V

Principle&Flinto做动效,选对软件很重要。

Principle&Flinto做动效,选对软件很重要。

制作过程

Principle&Flinto做动效,选对软件很重要。

注意点:做好交互如何制作追波大神稿的样式?

principle制作好交互之后录制视频导出mov格式-导入到ps中-制作视频帧动画-保存为web格式-选择.gif-循环永远,这样文件会小很多,便于上传网络。

Principle&Flinto做动效,选对软件很重要。

下方同样原理

Principle&Flinto做动效,选对软件很重要。

小动画制作

Principle&Flinto做动效,选对软件很重要。

principle制作过程

Principle&Flinto做动效,选对软件很重要。

欢迎加入UI设计群587751708 一起学习分享

本文来自于站酷作者Autumoon月 只作学习交流用途,如侵犯作者权益,请及时联系删除

来源:设计资源分享菌

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2017年10月22日
下一篇 2017年10月25日

相关推荐