广东快3>WIKI库>学习AE>AE动效设计原理

AE动效设计原理



动效设计原理


UI就是基于静态页面来设计的,页面之间通过跳转、切换。在设计过程中,设计师比较重视单页的视觉效果,但是经常忽略了对界面跳转的处理。这些没有经过处理的跳转可能没有提供足够的预期,所以用户在使用时经常会觉得困惑。与此相反,在卡通的动画里面,由于使用了足够多的动画效果,用户可以非常容易理解某个动作,即使夸张的动作也没问题。


广东快3尽管UI设计和卡通设计之间存在差异:卡通更适合娱乐,而用户界面却是更严谨的互动式工具,但是我们还是可以借鉴卡通动效的优点,从情感和认知层面上将两者的优势相结合。


UI界面一般都是基于一个静态页面的设计,无数的页面组成一个软件。特殊情况下,视觉设计师一开始设计整个静态的页面,基本上不考虑它们之间如何切换,由于用户对于页面之间的关联没有预期,所以他们经常受到惊吓,用户会尽量思考来了解界面之间到底发生了什么,当用户感知到页面有差异化的时候,就说明页面之间的因果关系不够清晰。


4.png



解释问题的四个要素


要素一


用户往往通过经验来克服这些问题。前几次的体验是最糟糕的,最终才导致用户去学习“机器的行为”,才能有效地与它进行交互。


要素二


广东快3卡通中的动画效果,非常擅长于提供足够的信息让观众理解。


要素三


动画提供了必要的视觉效果,让人理解某个动作前后发生了什么。


要素四


广东快3通过对系统的解释,动画允许用户持续的思考一个任务,而无需回想之前的动作。由于没有突然的视觉变化,动画降低了用户被UI界面吓到的机会,从而减少了不安全感。因此,使用动画不仅有助于用户理解界面,提高使用效率。而且还使界面的体验更愉快更舒适。



在UI界面中使用动画的三大法则


拟物化


把UI中的元素当做真实的,有重量的物体。如图,动画所有的原则比如慢进、慢出、弧形运动,所有的讨论都是基于这个原则,它们是有质量的物品。把UI界面中元素变为独立的,区别于背景的物体,让其拥有动作惯性。


5.png

 

拟物化有三个表现形式:


广东快31)运动模糊:当运动的时候是有模糊的,运动不只是一系列的静止图像的集合,它会给用户一个模糊的线索,这种感知是来源于人类的视觉系统的工作原理,达到一种快速运动的幻觉。


6.png


2)出现和消失、擦除和模糊消失。在UI设计中有三种方式展现出现消失的效果:移入、擦除、模糊消失。它们的动作是快而连续的,给用户必要的视觉线索来理解发生了什么。


7.png

 


夸张


通过“夸张现实”的手法,往往可以让设计达到事半功倍的效果。经过夸张手法处理的卡通表现的更现实。如下效果就是比较夸张的一种效果。和卡通一样,UI界面必须让用户去理解,而且在必要的时候突出一些细节。采用夸张的形式使UI界面上某些对象更容易让人理解,更加现实。夸张的手法必须给用户一定的预期,在动作发生之前最好给观众一些提示,当动作发生时,使用户不必感到惊讶。


8.png


增强现实

缓进缓出效果出现在某一个快速动作之前,有助于观看时更加舒适。如图缓进缓出的效果,很自然很舒适,它的运动给人一种更活泼的感觉,而直线运动就比较简单。


9.png



本节课重点


1)由于动画让用户更容易理解界面之间的关系,所以减轻了很多认知负担。


广东快32)通过消除屏幕上的跳变,让界面不让用户吃惊并费解,从而让体验更加愉快。


3)将物理世界的运动用在动画中,缩短了用户和界面之间的鸿沟,让用户更专注于任务而不是理解界面。



【本文由麦子学院独家原创,转载请注明出处并保留原文链接】

分享到:

目录