专栏名称: Cocoa开发者社区
CocoaChina苹果开发中文社区官方微信,提供教程资源、app推广营销、招聘、外包及培训信息、各类沙龙交流活动以及更多开发者服务。
目录
相关文章推荐
51好读  ›  专栏  ›  Cocoa开发者社区

迪士尼动画与界面动效的一些关联

Cocoa开发者社区  · 公众号  · ios  · 2016-12-31 09:13

正文

请到「今天看啥」查看全文


迪士尼的动作设计经常出现反向动作,用来加强正向动作的张力,让观者对于角色的行动有一定的预期性。如下图,唐老鸭手臂反向的动作,能够让人们快速反应出来它要起跑。预期性是人机界面设计中的重要原则,符合用户预期的页面切换/控件操作/动效过渡,会让人感到自然和舒服。如下图,滑块在即将掉落的过程中出现了反弹,这个细节强调了滑块的不稳定性,符合人们对于物体滑落的认知。

3)演出布局

动画中的演出是角色在每一个镜头的表演(表情/动作刻画),布局是每一个镜头的内容呈现。角色的走位需要仔细安排和设计,避免同一时间有过多琐碎的动作与变化,导致观者抓不住重点。人机界面中的动效同样需要区分主次,把用户的视觉焦点集中在当下。material design 中的动效切换,很多都提供了一个视觉焦点,用户很容易找到界面需要关注的地方。


4)连贯动作法与关键动作法

动画是一系列连续图像组成的动态影像,例如常见的1s/24帧,指的是1s内显示24张连续的图像。连贯动作法是把每一帧都抓取出来,关键动作法是选取一些关键帧,关键帧与关键帧之间通过补间帧来完成。如下图“打太极拳”的动作,上面的图是把太极拳的每一个动态抓取出来,下面的图展现的是太极拳的关键动作。人机界面中的动效,常采用的是关键动作法。

5)渐快与渐慢

物体的运动都有加速和减速的过程,   不会突然停止和瞬间加速,。动画中的运动遵循物理定律会更容易让人们接受,人机界面中通过贝塞尔曲线可以实现复杂的运动效果。







请到「今天看啥」查看全文