界面设计中的交互动画应用研究

杨凯

【摘要】：人们在关注一个产品的时候，界面作为信息传达的一种直观地表示方式，能够直接的向人们传达信息以及情感，因此在越来越多的领域人们逐渐的对界面的设计变得更加的关注，如对于手机的界面的设计等。良好的界面设计应该能够使得人与产品之间具有交互的作用，人与机器之间应该具有一定的沟通从而实现良好的信息交流，而交互动画的应用能够很好地解决这个方面的问题，因此本文主要对于界面设计的过程的交互动画的应用进行了研究。

【关键词】：交互设计;界面设计;应用研究

1.交互式设计

所谓交互式设计，就是通过这种产品使得人们在使用的过程中能够产生一种实际上的交互的过程，给人们带来信息的反馈从而使得人们感受到这种交互式的体验。随着科技的发展与社会的进步，越来越多的新产品与人们之间进行了新的交互，人们也逐渐的对其变得更加的重视。交互式的设计通过将人与使用者联系起来，使得产品变得更加的易用，并且使用者在使用的过程中身心变得更加的愉悦，产品也更加的容易操作。因此，交互式的设计就是使得使用者和产品能够进行很好地交流沟通，从产品中得到信息的反馈。

2.动画设计

目前来看，动画涉及到了很多的领域，在目前的发展阶段受到了很多方面的影响，是众多的艺术门类中的一种表现方式。动画在目前来看，更多的表示的是一种电视上的动画，这种动画属于二维的平面上的动画，通过以动画的基本方式制作的短片。同时，也有一些网站通过使用flash等软件进行动画的制作，十分常见的就是对于横幅的设计等，这种动画的表现方式比gif动画有着更加丰富的形式。

动画具有的视觉性传达的特点能够很好地应用到界面设计的过程中。所谓动画的视觉性设计指的就是对于动作的设计，其中包括对于动画中的每一个角色的运动状态的相关研究。其中，无论是对于动画片还是剧情片的研究，对于动画的角色的性格上的塑造以及表达的方式等，都是通过对于角色的长相以及语言特点来及西宁的，同时角色的动作等也能够对其进行表现。不同的性格的角色在走路的时候的动作也存在着交大的差异。正是由于这些具有个性化的动作特点，使得不同的角色之间增加了无情的表现力，从而使得角色有着不同的灵魂，因此这个角色从内向外都散发着独有的魅力。只是依靠着角色的装扮，是无法达到这些特点的。因此在动画设计的过程中，对于动画角色的行为的运动状态的分析以及设计，进行适当的夸张能够更好地表现动画的特点。

3.交互动画的应用

目前，对于动画的实现有着很多种的方式，不同的计算机语言实现的方式也有所不同，其中比较常见的就是使用flash来进行动画的制作，这个软件的使用比较简单，人们也十分的容易操作，并且与此同时还能够对于动画进行适当的编辑，以及做出相应的特效的处理，对于音频也有着一定的处理功能。但是对于交互式的动画设计中，不仅需要进行动画设计，也不能够使用杂乱的方式强行的加入动画，而是在交互性的设计中加入动画的因素使得产品的交互性变得更好，更加的具有亲和力并且使用起来变得更加的方便。因此，在对于交互动画进行设计的過程中，应该注意可用性以及易用性的设计准则，只有这样的产品设计才能够更加的满足产品的需求。因此，在产品的设计时，首先必须要有一个完整的理论作为设计的依据，这样用户在操作的过程中对于自身行为的结果有一定的掌握，不会进行盲目的操作。设计者可以通过使用一些自然界中存在的方式来对动画进行设计，这样操作者也不需要进行专门的学习，只需要通过动画就能够掌握操作的技巧。除此之外，还需要提高可见性。也就是说，设计的动画的每一个操作都对应着一个变化，这样用户才能够知道自身的动作有没有产生作用。

在界面的设计中使用交互动画的方式能够使得产品变得更加的易用，但是在进行交互动画的应用时，应该在设计的过程中遵守着一定的规则。首先，应保证动画和产品的主题具有一致性的原则。用户在对动画进行设计时，应该把动画和界面当做一个整体来进行设计。其中，动画的风格以及动画的实现的方法等，都应该使用与界面的主题相关的元素来进行设计。其次，还应该注意导航的一致性。在进行界面的设计的过程中，很多的导航都会使用动画的形式来进行说明。这样在设计的时候就应该注意使用的按钮的位置以及大小的变换等，需要和导航保持一致性。并且，还应该注意动作的一致性。界面中的动画的变化，可能是颜色的变化，也可能是位置或者是形状上的变化，但是无论是哪一种形式的，都应该保持着动画的一致性的特点，这样才能够使得设计的产品更加的可用。虽然在界面上增加动画的特效，很有可能会减慢产品的运行效率，但是随着科技的发展，这种问题已经逐渐的得到了解决，这些界面上的动画对于操作的效率的影响几乎可以忽略不计。

4.結论

人们对于自身的感受越来越重视，因此对于产品的界面的设计也逐渐的得到了大家的关注。在产品的界面使用动画能够很好地使产品发挥功能，因此本文主要对于界面设计中的交互动画的应用进行了分析，希望能够起到一定的参考价值。

参考文献：

[1]杨平均.动画教育·创新思维——《网络动画设计》教学中如何培养学生的创新思维[J]. 科技信息，2013（10）.

[2]菊花.“平面动画设计”教学中使用综合案例的实践探索[J].内蒙古师范大学学报（教育科学版），2011（11）.

[3]李莉贞.试论动画的教学功用与动画设计软件的选择[J].山西广播电视大学学报，2011（02）.

[4]任群.计算机动画设计及制作中的特效技术[J].长春工业大学学报（自然科学版）， 2014（02）.