三、我们在项目中是怎么推进动效落地的？
我什么我们觉得超酷超美的 UI 动效，似乎很少在真实的 App 上看到它们被实现。技术门槛降低了这些 UI 动效的可行性也许是最大的一个原因；除此之外，设计师们在提出这些 UI 动效时，往往都缺乏使用情境。切记为了漂亮而漂亮。
常用的一些小技巧：
罗列全局动效改进点列表
提出概念方案，向团队推介
不同情况下的原型复杂程度取舍，简单可以直接拿样品和技术沟通，标志性动效细腻还原。有些动效可能比较简单，如果我们能用线上的例子说明你所需的动效效果，可以节省你做 demo 的时间，把重点放在重点细腻动效上。
视觉和交互的通力合作
我们增加动效是为了更好的阐述产品逻辑，它与交互紧密相关，所以跟你团队一起推进动效的产出事半功倍。
四、动效的工具
虽然身为设计师，可以定义非常酷炫的动效，但是由于技术成本限制可能被摒弃。所以作为设计师同样需要理解技术实现的基本原理。下面为大家介绍以下工具：
1. 交互性动效
如果你做了案例，动效只是为了说明你的设计，阐述你的交互逻辑，那么下面四款都可以满足的你的基本需求。Principle 和 Flinto 都可以直接置入你的 sketch 设计稿，跟你的设计产生联动。页面也很简单，完成转场的交互极其便捷，另外还可以做一些基本时间轴动画， 调节单个元素的曲线变量等。Hype3 实现的效果可能不那么精致，但是可以直接导出对应的代码。
Pixate 除了一些基础的控件供你使用，特殊的动效可能需要一定的代码才能完成，可能对于没有语言基础的设计而言效果过于简单。
2. 复合型动效
Origami 是一款基于 Quartz Composer 的插件，它提供了很多自定义的控件。但界面相对设计师而言不够友好。
3. 创意性动效工具
如果你要做一个很酷的开机动画，那么你可以选择 AE 或者 C4D。你可以专注在你的创意上而不被代码表达式干扰。
很多新手会问，哪个软件是最好的？其实并没有完全的类比，在恰当的需求下选择恰当的软件，用最低的成本完成你的需求就好。你可能会用 AE 去做 一个复杂的开机动效，用 flinto 展现了交互逻辑都是 ok 的。
最后，推荐一些值得参考的站：
Capptivate
UI animation
LitterBigDetail
免责声明：部分文字及图片来源于网络，仅供学习、交流使用，不具有任何商业用途，版权归原作者所有，如有问题请及时联系我们以作处理。本声明未涉及的问题参见国家有关法律法规，当 ##本声明与国家法律法规冲突时，以国家法律法规为准。
本文转载自 Think 体验设计公众号。
原文链接：https://mp.weixin.qq.com/s/AJneuIhv1UsUPlNk6ebaQg
腾讯云云原生提质增效实践精选集 2024
《2024腾讯云云原生提质增效实践精选集》出炉，5大热门技术领域，13个行业精选标杆案例，痛点到解决方案全...
评论