-
动效设计要懂的理论知识
1、《动画师生存手册》 —— 动画12法则
挤压与拉升
物体受到力的挤压,产生拉长或者压扁的变形状况,再加上夸张的表现方式,使得物体本身看起来有弹性、有质量、富有生命力,因此较容易产生戏剧性
预备动作
加入一反向的动作以加强正向动作的张力,借以表示下一个将要发生的动作
表演及呈现方式
动画中的构图、运镜、动作、走位都需要仔细的设计安排,避免在同一时间又过多琐碎的动作与变化
逐帧画法VS关键帧画法
关键帧画法,则是将动作拆解成一些重要的定格动作并画出这些关键的动作点帧,然后再由其他画手补充中间的画(帧)
动作的惯性跟随和重叠
动作受惯性影响产生惯性跟随,这种跟随动作时间上动作间有互相重叠部分
慢入与慢出
静止的物体开始移动时由慢而快,而将要停止时的物体则会由快变慢,若以等速度方式开始或者结束动作,则会产生一种唐突的感觉
弧形运动轨迹
但凡所有会动的生物,其组成的任何部分之运动轨迹,皆为平滑的弧形曲线
次要动作
依附在主要动作之下的细微动作,虽然是属于比较微小的动作,但实际上却有画龙点睛的效果
节奏
动画的灵魂就是物体与角色的运动,而控制运动的关键就是动作的节奏与重量感
夸张
利用挤压与伸展的效果、夸大的肢体动作、或是以加快或放慢动作来加乘角色的情绪及反应,这是动画有别于一般表演的重要因素
熟练的手绘技法
扎实的绘画基础训练,才能将动画中所需的画面完整的表现出来
吸引力
动画通常最吸引人的地方,就是充满想象力的画面表现方式
2、《交互设计精髓》 —— 人机交互
查看全部 -
动效设计要懂得理论知识查看全部
-
动画效果节奏:flow 给到程序员数值查看全部
-
3.3查看全部
-
1111查看全部
-
主流软件
查看全部 -
主流动效设计软件AE、principle(苹果系统)、flinto(苹果系统-简单效果)、protopie、keynote、framer(代码)
查看全部 -
动效设计灵感来源
查看全部 -
浏览优秀作品
体验app
查看全部 -
十二法则
查看全部 -
工具的名称
查看全部 -
用户等待的阈值范围
0.1s:完全接受时间
1s:用户保持不间断的思维流的限定时间,会注意到延迟
10s:用户保持对当前页面/对话框的极限时间
通常在4-5s的时间就已经达到焦虑并关掉当前页面
WiFi预加载;优先加载重要内容
增加动效转移用户注意力
先慢后快的进度条在视觉及心理感受上比较快
查看全部 -
趣味性的设计能够更贴近用户,增加用户粘性
查看全部 -
情感化的动效易激起用户心中的共鸣,增加良好的用户体验
查看全部 -
与程序员的对接:使用Bodymovin把AE做好的动画导出为json文件,配合动画库lottie以安卓/iOS原生动画的形式在移动设备上渲染播放。
Bodymovin的使用方式:web页面,以svg/canvas/html+js的形式。Bodymovin提供了作为player的js库--bodymovin.js。 Android原生,通过Airbnb的开源项目“lottie-android”实现。 iOS原生,通过Airbnb的开源项目“lottie-ios”实现。 React Native,通过Airbnb的开源项目“lottie-react-native”实现。
查看全部
举报