动效给程序员用什么格式_Principle: 做动效,选对软件很重要

创始人语录

今天推荐一款非常感人的动效设计软件——Principle。前两天因为有个动效需求排期紧急,半夜搜寻新的动效软件无意发现,看了一下官 视频内牛满面地get了,隔天就用它出demo了。Principle在今年8月份诞生,来自前Apple工程师Daniel Hooper,找到创始人在Medium的QA访谈,Daniel Hooper认为A/B test或是客户的评价都不是衡量这款产品的成功指标,而是通过花费大量时间与设计师交流使用感受以获取方向,这么为设计师考虑,有点想哭。

了解Principle

官 基础教程的5个视频可以帮助快速了解基本操作,和学习Sketch一样查看Principle中文手册,英文原文可在Principle官 找到。Youtube可以搜寻到SketchTV录制的视频教程,太基础不推荐,和看完官 的5只视频效果一样。

(新软件太多,连学习过程也有规律了有木有:扒官 >找中文手册>找教学视频>设计 站膜拜大神跪求源文件)

没错,接下来就去dribbble搜寻用Principle制作的动画,下载源文件研究。

如果你是AE和Sketch的使用者,会对Principle有更为熟悉的认知:类似Sketch的界面+AE的时间轴动画+Keynote的神奇移动,外挂一个容易理解的联动功能,用于触发了某个事件发生的变化。

画布预设

有无@2x文件拖动对比

图片可以直接拖进Principle,Sketch内的文件也可以直接拖进Principle使用,省去了切图的麻烦,注意拖拽前图片或文件需加上@2x的后缀(切图同理)。但如果设计稿经常发生更变,还是建议切图使用,因为可以在Principle直接替换切图而保留其动效设定。

支持的交互动作

包括点击、拖拽、长按、滚屏、自动循环等,可模拟3Dtouch。

提供一个预览窗口体验操作,运行效果界面跟设计界面本来就应该分离,开发者坚持这点真是太好了。

元素间自动生成补间动画

好的软件会影响使用者

如果说Photoshop的原配是AE的话,Sketch的最佳拍档未来很有可能是Principle,至少目前为止他们一样高效、敏捷。

优点:

1. 交互友好,可视化操作,易上手,零代码。逻辑是继承性的,适用于有AE、Keynote、Flash的任何使用经验者

2. 轻松输出高质量的动效demo,预设动画曲线非常精妙,调节方便,适用于简单快速的动效需求

3. 高效精准,让你的想法快速落地进行用户测试,更直观地与开发分享动效细节

4. 爱上做动效这件事,因为做动效从未变得如此简单

改进的空间:

1. 每一次的变化都需要新建一个画布,如果是复杂的交互将带来多画布和繁琐的逻辑,整个动画地图会非常复杂(比如手上另一个抽奖场景动效,从抽奖过程到结果展示,这种故事性的行为还是需要用AE来完成)

2. 目前支持的动效功能比较少,只有xy轴位移、透明度、大小、旋转(已经可以做出很多精彩的效果)。初期版本肯定不如其他动效软件完整,比如z轴位移、重力插件、修剪路径这种(原来我知道的也很少…)

以上

相关资源:小兵软件安装程序破解版-其它工具类资源-CSDN文库

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年11月19日
下一篇 2020年11月19日

相关推荐