别轻易说你会动效!这10个动画误区你都犯过吗?

UI设计3年前 (2021)更新 流光
4K 0 0

10个动效案例,让大家避开动效误区。

一、走路

在做走路动画的时候,除了要把脚与地面的接触做出来,更应该要注意的是身体不同部位的跟随与节奏。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

二、眼睛

忽快忽慢的眼球运动可以让角色更加的生动。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

三、小鸟

在做小鸟动画的时候,身体的挤压与拉伸,蓄力之后的跳跃都可以营造活泼的感觉。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

四、风

当要显得风很大的时候,不妨试试增加树叶、报纸等元素。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

五、说话

除了嘴形的变化,嘴巴的位置也可以变化。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

六、摔倒

摔倒动画做出冻结时间的感觉,可以增强趣味性。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

七、表情

表情的变化不妨夸张一些。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

八、奔跑

跟走路一样,节奏与跟随很重要。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

九、爆炸

要把烟雾消散的感觉做出来。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

十、跳舞

这个怎么骚怎么来。

错误示范

别轻易说你会动效!这10个动画误区你都犯过吗?

正确示范

别轻易说你会动效!这10个动画误区你都犯过吗?

欢迎关注作者的微信公众号:「MID研习设」

别轻易说你会动效!这10个动画误区你都犯过吗?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

大家在使用Lottie输出矢量渐变图形的时候,应该有遇到过设计的渐变效果无法正常显示的问题。无论你设计的效果是什么样的,导...
Lottie
动态图形设计在我们日常生活中无处不在,藉由项目来告诉大家我是如何有理有据的做动态图形设计,希望我的设计方法对你有所帮...
MG动效
一直有很多朋友会问一些关于移动端实现动效的方法,平时也会给大家做一些解答,但是可能没有那么系统性,这次抽点时间总结归...
动效落地
编者按:UI中动效设计本没有那么玄乎,作为 Google 旗下 Material Design 团队中动效设计的负责人之一,Jonas Naimark 对于动...
AE动效
在经典的尼尔森十大启发式当中,「系统状态可见性」可以说是如今交互设计领域当中,最为重要的原则之一。通过向用户展现当前...
交互设计
作为2019年第一个爆款刷屏 H5 项目,「网易云音乐2018年度听歌报告」除了走心的文案、精美的页面,也包含了不少有意思的动效...
UI动效
一、微交互到底是什么? 微交互通常关注于单个事件或者单个任务,这些交互元素遍布于整个 APP 的各个角落。这些微交互存在的...
交互设计
我在上一篇文章《动效设计没那么难!让谷歌动效设计师带你入门》当中,已经通过实际的案例,分享了动效设计并不难的原因。我...
AE