龚新源 庄一兵

摘 要：动效设计在扁平化迅速崛起后也得到了快速发展，扁平化设计的发展时至今日已有一段时间，其简约的设计无疑是给用户在使用上带来了更多的纯粹体验，使用户不被过多的设计所干扰，其返璞归真的设计理念是对的，但是扁平化设计的发展也面临着一些新的问题，例如界面间复杂的层级关系该如何展现？用户如何被更好的引导和吸引？如何使得界面过渡更加流畅自然？这些都是在手机硬件性能足够强大的今天所面临的问题。

关键词：动效；设计；趋势

在我们日常生活中，我们发现许多手机应用的动效反馈与现实世界中的自然感受并不一致，其原由是因为并没有考虑到物理世界中的客观规律。当Google推出Android 5.0 Lollipop（棒棒糖）的时候，其意义是重大的，因为正是在此时推出了Material Design全新的设计语言，核心理念是将物理世界的体验带入屏幕，消除现实生活中的杂质和随机性。 保持其原始的初始形式，空间关系，变化和过渡，与虚拟世界的灵活性保持一致，恢复最真实的体验，实现简单直观的效果。所以说它在一定程度上解决了扁平化设计所带来的一些弊端，通过其空间关系、变化与过渡，配合虚拟世界的灵活特性来解决复杂的层级关系，将用户更加自然的被引导与代入。Material design设计风格充分利用了Z轴的深度感，通过分层设计和动态效果的结合，在扁平化的基础上更直观地理解层次关系。使设计能够提高用户使用的参与度。

那么，目前現有的动效能给我们带来哪些作用呢？

一、增加使用体验舒适度

随着手机硬件性能的不断提高，单纯的静帧扁平化页面在高性能的手机面前已经显得略有单薄，甚至是性能过剩，因此动效的加入，会让体验变的更加舒适和丰富，同时又能更好的发挥其手机现有的性能。其具体体现在以下几个方面：

1.清晰的层级关系：为了更好的展现层与层的关系，我们通过抽屉推拉、卡片的叠压、平级的切换和魔法卡片的投影等等，让用户感知界面和上一个、下一个的关系，让用户能够在操作前可预知，操作后有反馈。

2..结合运动和手势来体验更自然的动画表现：当用户操作应用的时候，让界面的动态走势和手的运动态势相一致，让用户感受到更自然的而不仅仅是简单的机械化的跳转，同时其运动的速度应与现实生活相同，同样应该具备重力加速度，摩擦力受阻等客观规律。

3.情感化的提示：在某些需要提醒或者极端情况下不仅仅是简单的文字生硬提醒，而是配有可爱或友好的动画来分散给用户带来的不好体验，让用户在使用过程中能够感受到给他带来的友好和小惊喜！

4.使界面更有张力：在用户预期之外增加一些情感化的动效设计，可以是可爱的，惊喜的也可以是有情怀的，这样可以让用户感知到产品的生命力，使得界面显得更加丰富和有张力。

二、弱化极端情况所带来的不舒适感

即使在互联网发展非常成熟的今天，我们使用的各种互联网产品仍然会出现一些难以避免的问题、或者有可能会出现的bug、不利的外界条件等因素，这些都会造成产品的体验下降。这时候适当的增加一些动效可以弥补在出现这些情况时的不适体验。

1.让等待变得更愉快：在加载、刷新、等待和结束等界面中，加入情感化的动效，让等待变得可视化，甚至不再那么单调无聊。

2.增加界面与界面转换的延续感：界面与界面之间的跳转不应该是生硬的独立的而应该是通过动效建立某种有效的联系，这样可以使界面过渡的更加自然、流畅。

3、微交互：增加一些微交互，例如点赞、收藏和分享等融入一些情感化的动效，这样既不影响整体的界面风格，同时又会给人以惊喜。

动效的未来发展趋势

在未来的设计趋势中，动效占有举足轻重的地位。无论是现有的手机移动端交互亦或是未来发展的车载交互、语音交互等，都需要全新的交互语言，然而这些交互的连接纽带就是动效。信息的载体在未来不应该是固定的，不仅仅是局限在手机这个小小的屏幕上，不同终端的出现要基于不同的场景，不只是触摸式交互，有可能是体感，面部识别，亦或是一种动态的展示。新的应用场景需要更多更丰富的动效形式，现如今的视觉样式趋于扁平化，各家应用的界面风格大同小异，所以如果想要做差异化，动效相对于扁平化是一个好的创新点，更是一个突破口。

总结

综上所诉，动效无论是快速发展的今天，或是未来都一个很好的切入点，我们通过对动效的深入发展，相信未来的设计会变得更友好、丰富和情感化。

参考文献

[1] 张朦朦 浅析类扁平化设计在图标设计中的应用 [M] 大众文艺，2014

[2] 周峰 田梦琦 用户体验在网页界面设计中的应用——以箭牌卫浴网站为例 [M] 设计，2015

[3] 王军锋 郭偎 武艳芳 Theresa Neil.移动应用 UI 设计模式 [M] 人民邮电出版社，20

作者简介

龚新源（1991—）性别：男，民族：满 籍贯河北 学历：硕士 学校：北京化工大学，研究方向：艺术。

庄一兵为通讯作者

（作者单位：北京化工大学）