章鱼学院课程 UI动效基础课程交互设计站酷高高手视频教程游戏GUI

本课程包含两大单元：展示类动效原型单元，可交互动效原型单元。

在展示类动效单元中，我们会着重利用AE这款软件，由浅入深的，对三个案例进行学习并制作。通过学习这个单元的知识，大家可以掌握UI动效中，AE基本的使用技巧，并在带领下完成三个案例。通过学习AE，我们将会理解动效的基础构成，层关系，了解动画曲线等知识，方便于日常展示类动效的制作和运用。

在可交互动效原型单元中，我们会着重学习节点信号流原型工具—Form，并利用该软件制作一个可交互动效原型案例。通过学习这个单元的课程，大家可以更系统而深刻的理解交互事件触发，数据信息传递等知识，为自己在动效方面的进一步发展，打好基础。

一、UI动效的概念阐释与经验分享

本课程将作为动效课程的开场白，Martin老师会对UI动效的现状、工作流程、未来发展趋势等做个人观点阐述，并与大家分享工作学习经验。

课程概述：以实践为基础，分享工作流程中的设计经验、设计心得、设计工具使用知识。

二、使用AE制作展示类动效

本课程为展示类UI动效基础（实操类），内含3个大案例，难度由浅入深，便于学习。

课程与之前录制的9大方法论无直接联系，可以单独学习，不影响理解。

建议学习完本课程，对动画基本属性有所了解后，再对Form在可交互原型中的实际运用进行学习。

案例1(基础).扁平风弹跳小球制作

课程概述：我们将利用AE自带图层、形状图层，以及五大动画属性，来制作此案例。在学习完毕后，大家可以了解AE的基本功能，并利用其功能来制作简单的UI展示动效。

案例2（进阶）页面弹出与侧滑菜单

课程概述：我们将对已经绘制好的静态图进行动态处理，大量的运用基本属性的同时，我们还会用一些较为高级的工具，如轨道蒙板等，完成整个案例的制作。通过学习本课程内容，使用者将会对AE有更深的认识，并能够根据已有的静态素材制作动效。

案例3（综合）. App展示内容制作

课程概述：该案例最为复杂，内容多、耗时长、调整多，会将前两个案例的知识进行汇总，并投入到实践。在制作过程中，我们还会学习一些简单易用的脚本工具，帮助大家提高工作效率。同时，阿基老师也会分享自己的工作经验，给予大家更多的帮助和启示。

三、让你的动效更完善

本课程为实操课程的后续补充内容，建议结合实操部分一起学习，否则效果会大打折扣。本课程内容，重在梳理一些理论和概念，帮助大家了解UI动效及其拓展内容。阿基老师也会向大家分享自己的工作经验，以及处理复杂问题的方法。

该课程演示软件为英文版，无太多实操，不影响观看。

第01课 UI动效概念分享

第02课 AE基础案例一 小球弹跳（Bounce弹跳）

第03课 AE进阶案例二 Hi，Friend

第04课 AE综合案例三 Camera++

第05课 AE运动规律

第06课 展示类UI动效基础

素材