新媒体背景下移动智能终端交互式动画形式研究

　　随着以手机为代表的移动智能终端的不断普 则不然，它更多的是图形符合和交互逻辑的综合， 及，市场对移动智能终端的用户体验提出了更高的 这种动态的影像恰恰是众多图形符号构成交互逻辑 要求。交互式动画因其固有的特性成为智能终端用 的关键。

　　户体验中的关键因素，使得业界对当前主流的两种 二、拟物化动画的由来

　　表现方式特别关注——拟物化动画和扁平化动 在阐释拟物化动画之前，首先梳理拟物化设计 画——尤其是二者孰能代表未来成为一统终端市场 的概念：拟物设计是指在应用设计中模仿先前实体

　　的表象方式成为业界争论的焦点。 产品中的一些原有形式。即实体产品原先所具有的

　　一、移动智能终端交互动画概述 物理形态，在被转换为电子视觉信号后仍旧让其 交互式动画，是指在播放动画作品时支持时间 “看起来一样”。在交互设计中，拟物化的概念主 响应和交互功能的一种动画，也就是说动画在播放 要体现在设计师利用屏幕上的视觉元素模拟现实中 的过程中可以加入参与者的交互事件，操作者在一 的物体，其目的并不仅仅是在形式上模拟现实世 定程度上能控制选择动画的过程，使用户由被动的 界，更重要的是告诉用户设计这款应用的初衷及交 观众变为主动的操作者，用户根据自己的需要播放 互方式。同时，拟物化设计并不是一个新概念，自 声音、操纵对象、获取信息等。交互式动画之所以 从20世纪70年代末、20世纪80年代初计算机图形界 存在是基于以用户体验为核心的智能终端操作的便 面问世以来，该设计方法在计算机界面设计中已经 利性，将获取信息的方式和手段直观化、易懂化。 十分常见。

　　随着智能终端的硬件日趋完善和成熟，交互动画由 拟物动画顾名思义是指拟物设计中的动画表现形 最初的仅仅是让信息传递更为容易的作用嬗变为体 式，这种形式得益于智能终端设备的快速发展而兴

　　现人机交互情感的传递。 起。在智能终端尚未普及的21世纪伊始，普通用户还 交互动画在当今已不仅仅局限于视觉、听觉、 无法知晓或者习惯如何对终端内的应用程序进行有效 触觉的表达，在用户体验中占据主导地位的情感体 操作。制造商在设计程序时因担心用户需要适应繁琐 验因交互动画自身的特点而变得更为敏感和重要。 的操作适应阶段而产生糟糕的用户体验，故而不能为 交互动画设计的初衷是“不让用户思考”，在“实 产品附带说明书以增加产品的使用复杂度，为了最大 物化”的基础上模拟现实生活中人们的操控习惯而 限度的快速占领市场，制造商使用直观的拟物图标配 达到表达、传递信息的目的。这种动画形态不同于 上与实际生活常识相似的虚拟操作方法——拟物化动 叙事性动画因叙事策略和审美经验而被动接受，也 画，尽最大可能让一个完全不了解产品使用方法的用 不同于操作演示动画侧重于物象的说明和解释，它 户最快的对产品进行有效操作。 的重点在于如何让操作者在人机互动中保持清晰和 比如，在2010年iPad发布之前，尽管电子书已 愉悦，通过设计者的有机组织令众多符号产生关 经渐渐地在消费者中流行，但是普通消费者还是没

　　联，从而最终达到信息传递的目的。 有完全习惯该技术。为了让过渡过程更加容易被用 业界一直将图形符号作为用户体验的基本元素 户理解和接受，苹果在手指滑动换页时设计了直观 之一，其与交互逻辑一起成为用户体验设计的两大 的纸张翻页动画。该设计模拟了使用实体书籍时的 模块，而将交互动画置于图形符号之下。这样的认 行为，为用户简单快捷地理解如何浏览电子版书籍 识从直观上而言，交互动画属于视觉表达范畴，实 提供了方便。同理，为了令用户能快速理解指南针 研究项目：浙江省社会科学界联合会科研类项目，项目编号：2017B55。“交互式动画在移动智能终端中的 应用研究”成果之一。作者简介：孙迪（1982-），浙江杭州人，博士，讲师，研究方向：影视动画。

　　视 视界观·OBSERVATION SCOPE VIEW 艺术探讨

　　58 www.sigzzs.cn 视界观 OBSERVATION SCOPE VIEW 59 程序的使用方法，现实中的指南针细节被苹果公司

　　完整地模仿了。

　　三、扁平化动画的由来

　　扁平化动画是相对拟物化动画而言的，如果以 一个静态的应用图标为基本元素，其往往是被去除 了任何的质感和大部分阴影效果而仅适用色块，使 应用符号与背景产生强烈的对比，然后再用极其简 洁或者抽象的动画形态加以表示。这与20世纪初包 豪斯的诞生有所相似：在经历了装饰的极致之后， 趋同趋简的产生了去除所有装饰仅保留公用的设计 风格，从而在全球范围内形成了标准。在相对较有 影响力的公司中，微软或许是最早使用扁平化设计 的。这种设计意味着要彻底去除纯修饰性的设计元 素，使界面不再包含任何不对用户最后的操作结果

　　产生直接作用的元素。

　　扁平化动画的兴起源自于移动智能终端的司空见 惯，当任何一个普通用户手里都拥有一部智能终端 时，显然不再需要手把手的教导用户如何使用，之前 的拟物化动画似乎显得多余。一个更为重要的原因是 目前的移动智能终端承载了太多的功能和用途，即使 生产商开发了更大的内存和更强的处理器仍旧显得捉 襟见肘，通过减少或者直接删除用于还原真实操作的 拟物动画便可以为硬件的进一步提升提供可能。在扁 在的物体并没有太大的意义。在这样的共识驱使 下，很多应用和操作系统均已经实现扁平化的设 计，其内在的所有动画形态为了配合图形形态自然 也采用了扁平化的设计。这种趋势很大程度上要归 功于移动智能终端的成熟和大面积普及。用户已经 习惯于使用移动终端，不再需要逐一进行引导，一 个更为重要的原因是所有的生产厂商都希望自己的 产品进行差异化发展，从而在市场中占据更大份

　　额。

　　可是，往往事与愿违。按照用户体验设计方面 固有的规律，一旦一种新的动画样式被消费者所接 受，其余生产商便会一拥而上大举跟进。其实到底 是使用扁平化动画，还是使用拟物化动画这一问题 并没有绝对正确的答案，要依照设计师的个人艺术 倾向而定。设计师应该依据个人风格作出决定，好 的设计结果往往是采用个人最擅长的方法得到的， 但是现实的情况是操作系统的设计哲学决定着一 切。因为必须达到应用视觉样式的预期才能符合用 户的要求，而这种预期是夹杂着审美资本主义因素 的，资本成为决定审美的关键，审美取向于大多数 消费者。所以当一些具有影响力的公司采用何种模 式的动画设计方式将直接影响到世界范围内其他生 产商所采用的表现形式，所以目前扁平化动画便替 平化动画中，设计师的重点不再是如何真实的还原现 代了拟物化动画。

　　实生活中的操作习惯，借鉴消费者对现实生活的认知 一旦一种方式被人们广泛接受，那么它便能产 开展数字软件的设计，而是通过抽象画的符号施以统 生各种我们熟悉的理由来进一步肯定自己。支持者 一的界面风格和动画效果，促使设备的潜力被最大开 认为当前应该腾出更多的内存给应用程序的运算以 发从而实现最优的交互体验。 提高使用效率，这是移动智能终端的最终目的。如 综上所述，扁平化动画往往具有以下三个特点： 果继续拟物化动画将本末倒置，失去移动智能终端 1.去除真实物象的运动声效。以前文提到的 存在的意义。况且，抽象的形态相较具象的形态在 ibook翻书效果为例，扁平化动画是去除了翻书的音 审美上具有更强的抗疲劳能力，使得扁平化动画看 效和纸业摩擦的音效，让动画不再追求真实的声音。 起来更耐看。种种原因使得今天的移动智能终端的

　　2.去除物理运动规律。凡是与真实动画相关的 动画方式几乎全部被扁平化动画所占据，在未来相 运动规律在扁平化动画中几乎都被颠覆，用简洁的 当长的一段时间内，笔者认为还将持续下去。

　　效果替代。 五、服务于用户体验的交互式动画

　　3.强调空间排版。因为之前受限于真实的物理 争论到底是用扁平化动画还是拟物化动画的人 运动方式，使得符号之间的排版过于随意。在扁平 们总是无法绕开一个问题——用户体验。所有交互 化设计中，有意从空间位置的变换出发，弱化了物 式动画都是为了提高实用性和用户体验，如何令用

　　理方式所产生的排版效果。 户高效地使用移动智能终端是生产商需要考虑的首

　　四、扁平化动画替代拟物化动画 要问题。交互式动画是令信息传递和展示显得更为 在 微 软 Windows Phone7以 后 ， 安 卓 3.0及 直接和准确，并不存在于哪种形式的动画能在其各

　　IOS7之后的版本均采用了扁平化设计，这让交互动 个方面达到这点要求，也就是说哪种动画形式都可 画设计风格再一次趋同，设计者的理由很充分：计 能为操作终端的用户制造使用上的麻烦，这种麻烦 算机同现实中的实体物品是不一样的，计算机在屏 即使设计者已经考虑再三仍旧会存在。这是因为终 幕上抽象地展示数据时使用的是像素而不是真实可 端内涵盖了上百上千种应用程序，没有一种单一的动画表现形式可以适用于如此多的应用程序，只有 (5).

　　六、结论

　　移动智能终端已经成为我们生活的一部分，打

　　选择合适的动画方式才能让用户体验得到提升。 造一个符合用户环境，具有优质用户体验的交互式 过于复杂的拟物动画可以得到近乎完美的视听 动画成为了业界的共识。至于到底该采用什么样的 觉效果和近乎真实的操作体验，具有极高的操作易 动画形式本没有固定的标准，设计师应该依据信息 懂性。但是相对应的会大大增加终端的系统反应速 的组织和展示来进行动画设计，不能被审美资本主 度，需要更加优质的硬件设备加以支持，这势必提 义中的资本绑架，而应该以用户体验为本。

　　高了用户的使用成本和生产商的开发成本和周期， 从某种角度而言并不是优秀的用户体验。而图形抽 参考文献：

　　象、色泽艳丽的扁平化动画可以节省很多系统内存 [1] Andy Pratt.交互设计:以用户为中心的设计理论及应 空间，直观简单的动画视觉效果可以提高工作效 用[M],电子工业出版社,2015.

　　率。但是，产生的后果是缺少贴近用户的交互体 [2] 搜狐新闻客户端UED团队.设计之下——搜狐新闻客户

　　端的用户体验设计[M],电子工业出版社,2014. 验，抽象的交互动画会令人感觉程序和用户只是在 [3] 殷俊.基于ios平台的功能性动画设计研究[J],机械设 你问我答，缺失情感上的交流，没有拟物动画那种 计2013

　　亲切感。而一个真正能在智能移动终端提高用户体 [4] 胡兆君,功能性动画的教育与研究[J],装饰,2011(2). 验的动画方式往往是上述二者的结合，只是需要合 [5] Jesse James Garrett.用户体验的要素[M],机械工业

　　出版社,2009． 理地把握两者之间的平衡度并清楚地理解系统的视 [6] Alan Cooper,Robert Reimann.交互设计精髓[M],电子 觉风格及个人所擅长的方面。 工业出版社,2008．