AE动效设计的缓动曲线和表现层动效

用户头像
上海/UX设计师/4年前/261浏览
AE动效设计的缓动曲线和表现层动效

设计的前提条件永远是你见过的,成为设计大师的前提条件是见的比大部分普通设计师多。

一、AE中的缓动曲线

由于在现实生活中,绝大部分物体的运动并不是非常规整的匀速直线运动,而是会受其他空气摩擦力、阻力等因素的影响,呈现出多种多样的曲线变化。

那么UI设计动效也是如此,要模拟现实,所以在动效设计时要通过缓动曲线的调节来改变物体运动的速率,从而使它的运动呈现多种多样的变化。

缓动曲线的分类:匀速运动(loading加载动效可以有效平缓用户等待时的焦虑心理)

加速运动(APP中的页面和场景切换时新页面的展现可以减少用户的等待时间)

减速运动(APP列表页中的图片和名称进入一个缓慢的进入)

先加速后减速、缓动组合运动。

二、表现层动效

表现层动效是指动效要实现不用最后的一个落地实现,只要我们制作出来展现就可以了。只需要展现不需要进行具体的落地实现。

主要用于三个方面:产品的提案过程中、设计师的概念稿和作品集的设计、MG动效。

表现层动效常用设计建议:过渡、来源、去向、情绪、属性。

过渡:1.过渡流畅——减少用户等待的焦虑感,适用于转场与页面层级切换。2.快速转场的动效——页面在进行转场或层级展示时,第一级和第二级页面要非常迅速。

来源:抽屉效果——模拟物理的现实,所属模块在层级中不断变化。

去向:下坠效果(商品加入购物车的动效)、落地回弹、运动惯性

情绪:带动情绪、错误提示、完成愉悦

属性:设计样式。

表现形式动效特点:并列(每个信息都作为一个单独的个体,有自己缓动的时间点存在;牵一发而动全身;同时进场和退场但有一定的结构和层次在里面)

因果(控制好动效控件它们要发生怎样的变化以及这些变化如何展现都是要提前定义好的)、

联动(板块之间的连接在设计时要构思清楚,哪些模块动或不动)。

5
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面插画设计女孩喝咖啡
空的平台平面和自然景观
城市园林平面布局航拍
金色颗粒质地的平面
空的平台平面和自然景观
平面书法字手写
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
水蜜桃和李子的平面水果图案
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面男孩喝咖啡插画设计
牛奶乳液层次梯田平铺平面
平面设计 吊牌设计
金色颗粒质地的平面
海底世界插画
古风平面仕女与瓷器
平面插画情侣/矢量
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
金色颗粒质地的平面
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
倒计时,海报,平面
玄关入门地毯印花图案红地毯
城阙凡花
平面风格黄绿色系花朵装饰
你可能喜欢
相关收藏夹
大家都在看
登录注册