本课程包含两大单元:展示类动效原型单元,可交互动效原型单元。
在展示类动效单元中,我们会着重利用AE这款软件,由浅入深的,对三个案例进行学习并制作。通过学习这个单元的知识,大家可以掌握UI动效中,AE基本的使用技巧,并在带领下完成三个案例。通过学习AE,我们将会理解动效的基础构成,层关系,了解动画曲线等知识,方便于日常展示类动效的制作和运用。
在可交互动效原型单元中,我们会着重学习节点信号流原型工具—Form,并利用该软件制作一个可交互动效原型案例。通过学习这个单元的课程,大家可以更系统而深刻的理解交互事件触发,数据信息传递等知识,为自己在动效方面的进一步发展,打好基础。
一、UI动效的概念阐释与经验分享
本课程将作为动效课程的开场白,Martin老师会对UI动效的现状、工作流程、未来发展趋势等做个人观点阐述,并与大家分享工作学习经验。
课程概述:以实践为基础,分享工作流程中的设计经验、设计心得、设计工具使用知识。
二、使用AE制作展示类动效
本课程为展示类UI动效基础(实操类),内含3个大案例,难度由浅入深,便于学习。
课程与之前录制的9大方法论无直接联系,可以单独学习,不影响理解。
建议学习完本课程,对动画基本属性有所了解后,再对Form在可交互原型中的实际运用进行学习。
案例1(基础).扁平风弹跳小球制作
课程概述:我们将利用AE自带图层、形状图层,以及五大动画属性,来制作此案例。在学习完毕后,大家可以了解AE的基本功能,并利用其功能来制作简单的UI展示动效。
案例2(进阶)页面弹出与侧滑菜单
课程概述:我们将对已经绘制好的静态图进行动态处理,大量的运用基本属性的同时,我们还会用一些较为高级的工具,如轨道蒙板等,完成整个案例的制作。通过学习本课程内容,使用者将会对AE有更深的认识,并能够根据已有的静态素材制作动效。
案例3(综合). App展示内容制作
课程概述:该案例最为复杂,内容多、耗时长、调整多,会将前两个案例的知识进行汇总,并投入到实践。在制作过程中,我们还会学习一些简单易用的脚本工具,帮助大家提高工作效率。同时,阿基老师也会分享自己的工作经验,给予大家更多的帮助和启示。
三、让你的动效更完善
本课程为实操课程的后续补充内容,建议结合实操部分一起学习,否则效果会大打折扣。本课程内容,重在梳理一些理论和概念,帮助大家了解UI动效及其拓展内容。阿基老师也会向大家分享自己的工作经验,以及处理复杂问题的方法。
该课程演示软件为英文版,无太多实操,不影响观看。
第02课 AE基础案例一 小球弹跳(Bounce弹跳)