零基础也能拥有好作品

定制化打造职业成长路径,不做迷茫小白

当前位置:首页 > >UI课堂> UI动效之表达式与案例进阶

浏览: 219

发布公司:东莞市山爱姆语通教育咨询有限公司

联系人: 郭绪东

联系电话:1392550****

UI动效之表达式与案例进阶

好评率: 99%
综合评分:5.0 分
温馨提示:如了解更多信息,请在线咨询或者拨打热线。

详情介绍

【课程内容】


本课程以案例实操形式,讲解表达式的实际用法。主要内容如下:


1.用系列表达式化繁为简,快速实现不同动效的变化。

2.用动效表现信息图(音频、FUI-HUD)

3.结合常见案例讲解4大动效:插画动效、粒子特效、天气模拟、2.5D动画。


01章 用表达式高效制作更具表现力的动效设计

○表达式与图层序列(layer index)

○ 用时间变量提高动效设计效率(time)

场景跟随动效(valueAtTime)

○ 弹性布局动效(sourceRectAtTime)

○场景循环动效(loopln & loopOut)

多元素关联动效(linear)

抖动动效(wiggle)

随机动效(random)

1567068018400.gif

用valueAtTime表达式制作的跟随动效(课程案例)

1567068175544.gif

用wiggle表达式制作的抖动动效(课程案例)



02章 信息图的动效表现


○ VUI音频之视觉化动效表现

○ FUI中常见的HUD动效表现


1567068399104.gif

HUD动效(课程案例)




03章 实际工作中的动效案例分析讲解


○ 情感化动效设计:插画动效

○特效类动效设计:光效与粒子

○ 天气类模拟动效:自然现象模拟

○2.5D模拟动效:2.5D形状动画


1567078580215.gif

插画动效(课程案例)



1567069870908.gif

天气模拟动效(课程案例)




学完课程后,你就可以:学会使用基础表达式提高动效设计效率,解决UI动效落地交付。