AE动效学习笔记——loading篇

用户头像
广州/设计爱好者/6年前/515浏览
AE动效学习笔记——loading篇
用户头像
林粿然

再来点学习干货,有趣的loading动效

loading的展现方式多种多样,其最终目的都是为了缓解用户的等待焦虑。以下示例如没有特殊注明,都属于近期个人作品。


1.常见解决方式


a.告知用户大致的等待时间,可以是可视化的图形来表示

  常用修剪路径做进度条效果

常用湍流置换效果做出在一个容器里往上涨的效果



b.在不知道具体时间多长时,可以用一些有趣的动画来减少用户的心理焦虑

配合一些人物的表情动作做一些无限循环loading



2.小技巧

在学习和练习的过程中,我总结了下面4个小技巧和大家分享


a.加上速度线

@Jonas Mosesson

在一些碰撞、掉落、飞过的场景添加一些速度线或者做成线条爆炸的效果可以更好地模拟现实效果,让动画更加流畅


b.加上一双无形的手

@Jonas Mosesson

一些在现实世界看起来不太合理的效果比如突然掉落飞走的效果可以通过一双无形的手来让其变得合理不突兀



c.表情变化

从开心的表情变成悲伤的表情我们可以看到有两个变化,一个是加上了眉毛,另外一个是嘴巴从曲线变成了直线

窘迫的表情是眼睛变成了大于号小于号

惊奇的表情是嘴巴变成了一个圆圈还有脸上加上了从上往下滑的汗滴


d.投影的变化

一些动作可以配合投影来展现

6
举报
|
13
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
智能家居中心 简约 UI设计组件库
新拟态风格 UI设计组件库
手表表盘UI系列
钱包ui模板
高级感金属拟物 UI设计组件库
【新年UI图标】珠宝icon
UI 登录界面设计模板包
矢量立体简约UI蓝白图标
科技医疗透明柜UI界面设计
【新年UI图标】影音icon
盲盒APP UI设计
【新年UI图标】30个图标
UI通用设计素材1
Security Camera UI kit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
【新年UI图标】游戏/娱乐icon
【新年UI图标】银行卡icon
我的钱包-UI界面设计-app
UI界面 组件
【新年UI图标】汽车icon
3D渐变流体抽象矢量UI背景图
UI_3D图标烟<新春促销>
【新年UI图标】优惠券icon
你可能喜欢
相关收藏夹
大家都在看
登录注册