互联网产品-交互设计-质感调节-产品经理全套_第1页
互联网产品-交互设计-质感调节-产品经理全套_第2页
互联网产品-交互设计-质感调节-产品经理全套_第3页
互联网产品-交互设计-质感调节-产品经理全套_第4页
互联网产品-交互设计-质感调节-产品经理全套_第5页
已阅读5页,还剩3页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

互联网产品-交互设计-质感调节打开AE关键帧控制面板我们可以看到有两种曲线的表达图示;一种为速度曲线图表一种则为数值(属性)曲线图表。速度曲线速度曲线记录的是物体运动每一刻的速度变化。我们来分解下它的曲线图表,x、y轴分别表示的是时间与速度。观察下图的曲线则可以得出物体起始速度为0呈静止状态,后续慢慢开始加速并且速度达到顶峰;最后物体运动至终点并停下。整体图表展示较为直观,经过分析我们可以得知整段运动其实就是我们熟知的缓动运动(起点和终点慢,运动过程快)对于速度曲线的编辑,设计师可以通过曲线手柄来控制运动节点的加速度。让我们双击节点查看关键帧速度图表来分析下速度曲线的基本规律。此时速度图表显示传入速度(incomingVelocity)为0,影响为33%。「传入速度」我们可以理解为运动起点的速度,而「影响」这个数值则可以理解为加速度。传入速度需要百分之多少的加速度即可达到最高速度,数值越大即代表加速的幅度越大曲线呈现的陡峭程度就越陡峭。速度编排当设计师们想针对物体运动速度做一些特殊的编排处理,使用速度曲线会更直观一些。例如:想要模拟小球弹跳过程中的滞空感,我们只需调节小球悬空时的速度大小及加速度即可。想要达到滞空的感觉,那运动中程球体的速度需要大于0让球体持续运动,就能达到我们想要的效果了。表达式应用我们经常会在动画内使用弹性表达式,许多设计师也遇到过表达式输入后还是没效果的情况。其实是因为当前关键帧的速度为0而导致的,除表达式所设置的弹性频率、衰减度外;速度也决定着弹性的强度,我们只需根据速度调节自己想要的弹性效果即可。数值曲线数值(属性)曲线记录的是元素属性随着时间的变化过程。我们也来分解下它的曲线图表,x、y轴分别表示的是数值(当前运动变化的属性)与时间。而该曲线代表着物体运动速率的分布情况,也就是速度等于=物体运动的距离(数值)/物体运动距离所花的时间(时间)。可能看着公式挺简单的(初中物理)但乍一看图表还是比较抽象,我们可以一步步的将其拆解方便大家理解它的含义。我们先确定元素位移时间以及距离,在不添加任何缓动插值的情况下,赋予他们最基础的线形运动。也就是从0~1秒它的速度是呈匀速的状态。再将整条曲线分解成平均的几个关键时间点,记录元素在不同时间点所在的位置。根据速度公式,我们去测试下速度的变化对曲线的影响是什么?关于速度的计算公式其实我们都知道的,速度等于单位物体的位移距离除于位移所花的时间,也可以理解为图表中的速度就是线段的斜率。接着让我们将其速度提升一倍,从1秒的总时长提到0.5秒的时间。根据图示我们可以观察到当我们将时长加快时,速率线段与我们的x时间轴的角度越来越大。同理我们尝试下将运动属性数值降低一倍,我们可以观察到此时速率线段与我们的x时间轴的角度越来越小。我们通过上述的拆解分析,可以得到一些规律。在数值曲线下,时间以及运动属性数值影响着物体运动速度。根据曲线陡峭程度影响着运动速率快慢的规律,我们可以总结一个观察曲线的技巧。曲线越缓和(贴近时间轴x)速率越慢,曲线越陡峭(贴近数值轴Y)速率则越快。在弄明白了数值曲线的基本规律后,我们将曲线做一些处理让他更贴合于我们的现实自然运动。模拟现实物体运动的状态,物体刚开始慢慢起步再到加速的过程。如下(P1)图所示数值曲线在前半部分速率较慢,到达时间中点后突然增速并到达终点。将曲线作一定的平滑过渡处理就是我们所熟知的缓入(P2)曲线啦。运动曲线的使用建议对于不同的运动曲线模式(速度/数值),设计师们需充分了解其曲线模式的含义。我们可以根据设计场景去选择适合的曲线模式,关于场景还有很多,我大概罗列了部分项目接触到的特定场景出来。主要目的是想让大家意识到熟练的掌握两种运动曲线模式的重要性,别将自己的工作方式或习惯限定太死,灵活的变通很重要。速度曲线:1.AE动画中部分无具体数值单位的动画帧,例如(蒙版路径),设计师们只能通过速度曲线进行调节。2.使用弹性表达式需根据速度大小去

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论