AE动效学习笔记——loading篇

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

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

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


1.常见解决方式


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

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

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



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

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



2.小技巧

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


a.加上速度线

@Jonas Mosesson

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


b.加上一双无形的手

@Jonas Mosesson

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



c.表情变化

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

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

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


d.投影的变化

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

6
举报
|
13
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】体育icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
手表表盘UI系列
【新年UI图标】美食icon
【新年UI图标】钱包icon
森系3D渐变流体抽象矢量UI背景图
盲盒APP UI设计
高级表盘系列UI源文件
UI 登录界面设计模板包
UI界面 组件
高级感金属拟物 UI设计组件库
【新年UI图标】旅行icon
UI通用设计素材1
【新年UI图标】活动icon
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】礼物/活动icon
【新年UI图标】汽车icon
新能源APP应用UIKit
Security Camera UI kit
钱包ui模板
我的钱包-UI界面设计-app
户外旅行飞机情侣假日出行
3D渐变流体抽象矢量UI背景图
你可能喜欢
相关收藏夹
大家都在看
登录注册