站酷章鱼学院UI动效基础设计教程 交互设计手机UI入门自学视频教

大能猫

[table]









课程介绍：

本课程包含两大单元：展示类动效原型单元，可交互动效原型单元。在展示类动效单元中，我们会着重利用AE这款软件，由浅入深的，对三个案例进行学习并制作。通过学习这个单元的知识，大家可以掌握UI动效中，AE基本的使用技巧，并在带领下完成三个案例。通过学习AE，我们将会理解动效的基础构成，层关系，了解动画曲线等知识，方便于日常展示类动效的制作和运用。在可交互动效原型单元中，我们会着重学习节点信号流原型工具—Form，并利用该软件制作一个可交互动效原型案例。通过学习这个单元的课程，大家可以更系统而深刻的理解交互事件触发，数据信息传递等知识，为自己在动效方面的进一步发展，打好基础。一、UI动效的概念阐释与经验分享本课程将作为动效课程的开场白，Martin老师会对UI动效的现状、工作流程、未来发展趋势等做个人观点阐述，并与大家分享工作学习经验。课程概述：以实践为基础，分享工作流程中的设计经验、设计心得、设计工具使用知识。

二、使用AE制作展示类动效本课程为展示类UI动效基础（实操类），内含3个大案例，难度由浅入深，便于学习。课程与之前录制的9大方法论无直接联系，可以单独学习，不影响理解。建议学习完本课程，对动画基本属性有所了解后，再对Form在可交互原型中的实际运用进行学习。案例1(基础).扁平风弹跳小球制作课程概述：我们将利用AE自带图层、形状图层，以及五大动画属性，来制作此案例。在学习完毕后，大家可以了解AE的基本功能，并利用其功能来制作简单的UI展示动效。案例2（进阶）页面弹出与侧滑菜单课程概述：我们将对已经绘制好的静态图进行动态处理，大量的运用基本属性的同时，我们还会用一些较为高级的工具，如轨道蒙板等，完成整个案例的制作。通过学习本课程内容，使用者将会对AE有更深的认识，并能够根据已有的静态素材制作动效。案例3（综合）. App展示内容制作课程概述：该案例最为复杂，内容多、耗时长、调整多，会将前两个案例的知识进行汇总，并投入到实践。在制作过程中，我们还会学习一些简单易用的脚本工具，帮助大家提高工作效率。同时，阿基老师也会分享自己的工作经验，给予大家更多的帮助和启示。

三、让你的动效更完善本课程为实操课程的后续补充内容，建议结合实操部分一起学习，否则效果会大打折扣。本课程内容，重在梳理一些理论和概念，帮助大家了解UI动效及其拓展内容。阿基老师也会向大家分享自己的工作经验，以及处理复杂问题的方法。该课程演示软件为英文版，无太多实操，不影响观看。课程目录：第01课·UI动效概念分享课时1 · 综述    2.36 min课时2 · 设计原则：有序一致 免费播放    4.36 min课时3 · 设计原则：产品调性    3.50 min课时4 · 设计原则：愉悦用户    3.39 min课时5 · 设计原则：交互意义 免费播放    4.16 min课时6 · 设计原则：要有原型    3.28 min课时7 · 设计原则：了解开发    7.36 min课时8 · 设计原则：了解开发-标注    8.1 min课时9 · 设计原则：了解开发-第三方动画库 免费播放    4.0 min课时10 · 工具思想    6.18 min课时11 · 时间轴工具    13.58 min课时12 · 截点信号流工具    12.29 min课时13 · 编码软件    8.48 min课时14 · 简单可交互软件    4.29 min课时15 · 动态设计流程    7.31 min第02课·AE基础案例一 .小球弹跳（Bounce弹跳）课时1 · 课程体系安排说明    3.42 min课时2 · AE模块介绍以及合成的基本认识    20.29 min课时3 · 图层设置    13.33 min课时4 · 蒙版工具的使用及矢量图层    9.36 min课时5 · 关键帧的添加    18.0 min课时6 · 调整关键帧动画曲线    10.39 min课时7 · 形状属性调节以及动态模糊的运用    13.55 min课时8 · 蒙版路径的调整    10.49 min课时9 · 影片生成与转码的基础知识    13.43 min第03课·AE进阶案例二 .Hi，Friend课时1 · Hi_Friends基础介绍    2.40 min课时2 · 如何导入文件    10.38 min课时3 · 合成窗口详解以及调整色彩标签    10.21 min课时4 · 轨道遮罩蒙版以及重建锚点工具的使用    13.13 min课时5 · 矢量图层的使用    21.3 min课时6 · 文字工具    7.17 min课时7 · 父子关系的使用    9.27 min课时8 · 多级父子关系的运用    6.21 min课时9 · 错帧动画的原理以及完成    18.3 min第04课·AE综合案例三.Camera  课时1 · 课程介绍以及脚本的安装使用方法    10.4 min课时2 · 素材介绍及创建矢量图形    11.58 min课时3 · 素材管理与Motion2脚本的使用    16.9 min课时4 · 快速调整关键帧和锚点的方法    19.10 min课时5 · 三款脚本的功能回顾    15.12 min课时6 · 元素的衔接与退场    12.29 min课时7 · 文字提示配合图形元素完成转场    9.35 min课时8 · 调整视觉层级与预置效果    19.33 min课时9 · 案例收尾    25.59 min课时10 · 课程结语与理论课预告    3.21 min第05课·AE运动规律课时1 · 课程概述    5.36 min课时2 · 创意构想与原素拆分    6.4 min课时3 · 工具介绍    5.34 min课时4 · 动效分类    4.20 min课时5 · 动效工具解析    7.7 min课时6 · 时间与空间    11.41 min课时7 · 缓动与预备动作    11.27 min课时8 · 弹性的作用    9.56 min课时9 · 突出主题元素    5.46 min课时10 · 父子关系    7.3 min课时11 · 摄像机动画    12.54 min课时12 · 第二动作    5.30 min课时13 · 动画曲线    10.11 min课时14 · 动效制作方法回顾    13.16 min课时15 · 成片修改建议    5.33 min第06课·展示类UI动效基础课时1 · Form简介 基础    16.43 min课时2 · 翻转交互动画    9.7 min课时3 · 延迟器及其他属性动画    9.48 min课时4 · 子图层动画    9.3 min课时5 · 关闭动画    5.17 min课时6 · 手势控制Y轴滚动    7.7 min课时7 · 手势控制Z轴联动    5.20 min课时8 · 转场及脉冲    8.23 min课时9 · 时序动画    8.18 min课时10 · 热区处理
               






资源下载地址:

游客，如果您要查看本帖隐藏内容请回复

手套又没了

我只是路过打酱油的。

zacharyfu

我只是路过打酱油的。

kevj

顶楼主啦..希望楼主多发精品好帖啦.....

暮雪从容

楼主加油，我们都看好你哦。大能猫是我的最爱！

syjwr1983

太给力了，永远支持大能猫！

mumu_kitty

太给力了，永远支持大能猫！

龙马——1314

我只是路过打酱油的。

●﹎Me桃

感谢大能猫分享！

故人旧梦

太给力了，永远支持大能猫！