浅谈APP交互动画设计的发展趋势与应用

摘要：随着移动互联网络的飞速发展和智能终端设备的普及，移动APP（Application）产品已经渗透到人们工作和生活的方方面面，成为人们生活中必不可少的一部分。人们对APP要求越来越高，动画作为APP界面设计中重要的视觉元素，使得APP页面的展示方式更加丰富、产品更具活力、吸引力更足。本论文通过对交互动画在APP界面设计中的应用形式和作用进行归纳、分析、总结，提出APP界面设计中动画的设计原则。

关键词：APP;交互动画设计;发展趋势;应用;现状

1.PP的交互动画设计的简述

简单来说APP是手机的第三方应用程序，它之所以如此流行，主要是因为互联网信息技术的迅速发展推动了移动硬件和移动应用的发展进程，它是移动设备迅速强起的成果。近年来人们对APP的关注程度远远超过对网页的关注，在其游戏与社交方面占据了花费时间的80%，它已经成为互联网界的新宽。

交互动画是指播放动画时支持事件的交互功能，在播放动画时接受的某种控制是用户的某种操作，例如声控、点击等动作的操控，交互设计是指在进行产品设计时以使用背景、操作的感受为出发点，将产品和使用者进行动画的互动。交互式的特点是提供了用户参与并对播放内容能够进行控制的特殊功能，使得参与者的选择显得更为主动.

2.APP交互动画设计的发展趋势

2.1极致平滑的转场动效

各个页面之间的切换更为流畅，体验极致平滑的转场动效，甚至实现了切换页面的无缝平滑。

2.2指导引向具有多样化

靜态图片的指导方法很容易被用户忽略，极力突破这种传统的蒙灰图片指导，让用户产生眼前一亮的感觉，得到前所未有的新鲜体验，指导的方式要吸引用户的目光，实现语音指导。

2.3实现信息共享

改变信息的框架，将APP设计的效率体现到最大化，改变之前的弱化视觉效果，积极运用扁平化的设计理念，减少信息之间的层级关系，有效解决用户的操作成本增加方面的根本问题。

2.4进行跨平台布局

目前我国对于APP的需求是非常大的，跨平台布局多种移动设备，让移动网络呈现透明化，在正常运行的前提下让不同智能手机的用户得到有效沟通，它将适用于企业场景的发展。

2.5大视野背景

大视野图片成为交互设计的营造手法，将文字浮在透明层上，让元素体现出丰富感。利用小窗口来操作大屏幕，同时执行多个任务，从而有效解决手指操作受限的问题，将大屏手机的功能得到更好的体现，最终得到全新的动画交互体验。

3.视地交互动画设计流程

视觉交互动画设计主要分为筹备策划、设计制作、设计加工以及出样四个环节。在专业技术水平不断提高的同时，国内动画发展速度不断加快。通过视觉可以为生理、行动、心理以及情绪等产生影响，基于交互模式来对视觉动画进行设计，要明确从功能角度分析，相比传统视觉设计，交互视觉设计融入了“参与度”概念，即实现人与媒体的有效结合，并且交互设计效果越好，则代表用户参与和体验越好。所谓的交互，除了日常通过客户端对移动APP的交互，即便是传统平面纸媒以及PC网页等均存在交互，基于此在对视觉交互动画设计分析时，需要确定间平面、界面、空间不同维度的联系性，综合各项因素完成优化设计。视觉交互动画设计，核心目的就是采取何种方式才可以通过不同维度来调动用户想参与的积极性与互动欲，然后提高其对产品的兴趣与关注度。

4.App交互动画的作用

交互性、开放性和沉浸性是交互动画的三大特性”。在App中加入交互动画能给用户带来一种舒适、自然和流畅的感觉，所以，交互动画逐渐成为了产品与用户之间的沟遵方式，成为产品的肢体语言。在App中适当的交互动画具有以下三个作用。

4.1增强用户直接操作的感觉

随着移动设备硬件的不断发展，以及其软件的更新，带给用户的选择也会越来越丰富，用户在使用产品功能的同时，也追求简易和畅顺的操作，能与产品产生良好的互动。例如iOS操作系统中，移动桌面图标时会产生震动的动效，这种动效会给用户传达不稳定的感觉，提示用户此时在界面上的图标是可以移动的。又如Google的地图App，地理位置的标识采用了模拟真实的按图钉的效果。在设计App产品时，能合理地结合一些物理化的动画，无论是动画的时长，还是流畅性都达到了，这些交互动画的运用就能让交互更贴近用户，给用户提供舒适的体验。

4.2提高用户兴趣，降低学习成本

通过巧妙的交互动画让用户产生良好的心理感受，进而让用户更容易了解产品的功能，有时详细功能的讲解，往往不如一个简单的交互动画效果更具吸引力。例如，iOS7的天气App，界面以可移动的动画三维图像展现了当前的天气情况。打开天气App，就可以看见界面整个背景是以动画模仿当时的天气状况。例如，晴转雷雨的天气，模拟天空的界面图像从

阳光明媚，过渡到乌云逼近隐现，同时还伴随着动画效果的电闪雷鸣，动画效果几乎模拟了当时真实天气状况，又如，不同暗度的夜间动画图，不同明度的白天动画图，甚至还包括了云彩明亮度、厚度，或下雪等天气状况，这样用户通过这些模拟天气的动效，快速且形象地了解到了天气的变化。

4.3强化品牌一致性

很多App产品都把交互动画作为传达品牌个性和内涵的重要途径，我们不难发现很多热门App产品都有非常出色的动效，独特的交互动效已经成为了App的标志。不同App动效可以传达滑稽或者是严肃的感觉，也可以是机械或柔和的感觉，App产品选择恰当的交互动效就能把品牌深深印在用户脑中。简单说，使用恰当的动效，就可以增加产品的识别性，

可以帮助树立品牌个性，可以为用户带来愉悦的体验，例如，Path是移动终端的社交类型App，在单一平台下创建统一的交互体验是Path的优势，给人亲和，有趣的印象弹出层 界面滑动，分屏，返回，前进等，这些交互动画无不流露出品牌的特性与情感一个标志性的动画效果，所以优秀的交互动画往往也会是一个产品的代言。

5.结束语

产品的创新通过动画交互设计得到完美体现，也是企业提高社会竞争力、保证健康发展的重要途径，应积极的将动画交互设计广泛的运用于企业的产品上，坚持客户至上的经营理念，为达到用户的不同需求一定要为其提供全新的体验，创造有利于企业持续发展的价值。

参考文献：

[1]丘美玲，胡耀民.基于APP的交互动画设计与应用[J].设计，2015（9）：127-128.

[2]宣恒，高红霞，李世国.基于目标导向的移动App交互设计浅谈[J].大众文艺，2012（9）：67-68.

作者简介：

李绅埔，学历：本科在读， 就读于辽东学院艺术与设计学院，研究方向：动画设计。