| 标题 | 动画在天气APP平台上的应用研究 |
| 范文 | 郑晓东 马超 【摘 要】随着数字化时代的到来，智能手机已成为当今社会人们社交和获取信息的重要媒介，而手机APP也成为人们在使用智能手机时必不可少的工具。天气APP作为一款生活服务类软件，在为用户提供基本天气信息的同时，功能也日趋完善。而动画作为APP中不可或缺的交互元素，其合理巧妙的设计可以提升APP的画面效果和交互体验。本文对天气APP中动画的应用做了比较分析，总结了动画在天气APP中的功能性，同时结合用户体验以及产品特性探索出天气APP中动画的设计方法与原则。 【关键词】天气APP;动画;交互 中图分类号：J218.7? ? 文献标志码：A? ? ? ? ? ? 文章编号：1007-0125（2019）03-0122-03 智能手机作为用户使用互联网服务的主要移动终端，以其巨大优势逐渐成为消费者获取服务及产品的主要入口，不断改变着人们的生活方式。天气APP作为主要为用户提供天气信息的生活服务型手机应用，其功能也随着技术的发展得到了广泛的拓展。如今的天气APP更是集成了天气信息、生活资讯、社交等功能为一体的综合APP。功能的多样性在一定程度上提高了操作的复杂性，而动画的巧妙运用可以有效提升用户的操作效率和使用体验。 一、天气APP中动画的功能性 天气APP中动画的设计需立足于APP的功能特性，其设计宗旨是提升用户操作效率，降低用户操作难度，增强信息的可视化程度。天气APP功能性的扩展对天气APP中动画的设计提出了更高的要求，这就需要设计者将众多的内容更高效、生动地展现给用户，达到APP使用价值的最大化。 天气APP中动画的功能性主要体现在三方面。第一，导向性功能。天气APP的用户构成主要分为新手用户，普通用户和专家用户，其中普通用户占主要部分。对于新手用户而言，其对APP的操作规则不够熟悉，这就需要有引导性的动画指引其操作，例如软件安装过程中的引导过渡性动画。普通用户对APP的操作有了基礎的了解，并能较为熟练的掌握APP的一系列功能。但随着软件的更新升级和新功能的加入，就需要及时提醒用户更新升级。提示动画的巧妙运用可以在不影响用户正常操作的前提下及时提醒用户探索发现新的功能。第二，提示性功能。在天气APP中，极端天气状况的展示以及出行指南信息的推送需要区别于整体的静态画面，形成一定的视觉冲击力，从而引起用户的注意力，将重要信息及时明确的地传达给用户。第三，审美功能。一款优秀的APP在具备强大功能同时也应具有较高的艺术性。天气APP中各类天气现象的表现方式影响着整体界面的视觉效果。巧妙的的动画可以将各类天气现象生动有趣地展现在用户面前，极大提升用户的视觉享受和心理预期，使得APP更具魅力。 二、天气APP中动画的设计表现 智能手机应用的快速发展给动画的应用提供了广阔的空间，各类动画已融入到APP设计当中，成为提高APP品质的重要因素。从安装阶段的引导性动画，到各个页面层级中的信息传递动画，为用户的操作增添了独特的乐趣，实现了产品所追求的自然、流畅、友好的操作效果，满足了用户的心理诉求。在众多国产天气APP中，“墨迹天气”作为用户人数众多、最具代表性的天气APP，在功能性和设计性上都给用户带来了良好的体验。由Alexis Creuzot开发的Nice Weather 2作为一款有着精美界面的天气APP在App Store中具有非常高的人气。本文选用“墨迹天气”和Nice Weather 2这两款国内外最具代表性的天气APP作为案例进行分析研究，探究天气APP中动画的表现形式与设计方法。 在墨迹天气首页中，动画主要表现在背景、角色和弹出的信息栏三方面。墨迹天气的整体背景表现较为具象，以自然景色为主，并且背景以及角色可以根据时间流逝和天气变化自动呈现出不同的状态（如图1）例如在阳光明媚的晴天，整体界面以广阔的天空为背景，淡淡的云朵缓慢地在屏幕中飘动，太阳的光芒有节奏地闪烁着，到了夜晚，界面变幻为深邃的星空，闪烁的点点繁星与偶尔划过夜空的流星给画面增添了几分乐趣。随着天气的变化，画面中会下起雨水或飘起雪花，比起传统的静态图标，动画的运用使得天气现象的表现更为直观生动。墨迹天气界面中动画场景的设计虽然采用了具象的表现手法，但都以干净清爽的自然风光为主，更利用突出重点信息，减少用户的视觉负担，同时也为角色留出一定的空间，达到视觉上的平衡。在首页中，卡通角色的运用为画面表现增加了生气，同时，角色不同的状态也与天气相呼应，并承担着提示性功能。例如在高温状态下，卡通形象会戴上墨镜;当天空下雨时角色会撑起一把小伞;随着四季的变化和气温的升和降，角色身上的服饰也由短袖薄衫变为棉衣加围巾手套。角色身上呈现的变化紧贴用户生活景象，与用户形成心理上的互动，在提升用户好感的同时为用户提供穿衣参考。 图1 《墨迹天气》界面不同状态的动画效果 Nice Weather 2的用户界面将极简主义的美感发挥得淋漓尽致，整体设计简洁而富有秩序感，重点信息一目了然，交互式的图形温度变化模式，让用户轻松了解天气变化（如图2）。Nice Weather 2的背景采用简洁的渐变色彩，同一色调之间的过渡自然平缓，既减轻了用户的视觉负担，又突出了线条勾勒的图形元素，使得用户可以快速获取相关信息。同时，背景色彩的设计与当前的天气状况紧密相关，并且随着气温的变化而缓慢变化。例如，在高温状态下，整体背景采用红色和橙色渐变，营造出炽热的氛围;当气温下降时，背景变幻为与之相呼应的淡蓝色，显得静谧清爽;而在阴天的状态下，整体背景又变幻为灰蓝色调，呈现出深沉灰暗的场景。设计者充分利用色彩的象征性和人的视觉特性将天气状态用简单的色彩表现出来。此外，Nice Weather 2首页中包含了温度、湿度、风速和风向四个主要数据信息，界面下方优雅流动的线条显示着实时温度，而且在数据发生变化时画面会出现精细的动画效果，使得画面更为生动。例如，当温度变化时，温度曲线会随之发生变化，曲线的变化效果如流水般灵动细腻，提升了整个界面的趣味性。 通过对墨迹天气和Nice Weather 2这两款具有代表性的天气APP中动画设计的对比分析可以看出，动画的巧妙运用可以极大提升产品的用户体验，给用户的操作行为和心理带来良好的感受。而具象与抽象这两种不同的动画形式所呈现出的感官效果也有所差异，不论具象的再现还是抽象的表达，都应立足于产品功能的实现，服务于信息的传达。 图2? Nice Weather 2界面不同状态的动画效果 三、天气APP中动画的设计原则 （一）创新性 天气APP的创新性至关重要，创新是人类所特有的创造性劳动的体现，是人类社会进步的核心动力和源泉。动画应用于天气APP中有利于更好地展现天气动态和提示信息，与传统的天气符号与静态图片相比，动画更能引起人们的关注，给人以更直观的感受，一款具有精美动画效果的天气APP明显要比其他以传统图标来展示天气动态的天气APP更具吸引力。同时，动画的表现方式也应顺应时代设计潮流，符合大众审美需求。设计者应利用新的设计理念，善于发掘传统文化元素，结合当下热点形象，探索多样化的信息表达方式，满足用户对于新事物的好奇和对未知的探索欲望这一人类的天性，引发用户独特的趣味感受，在长期的体验过程中给用户不断带来新的操作感受，从而保证用户粘度。 （二）统一性 天气APP中动画的设计不能脱离于应用整体的设计风格，而应该是统一且具有延续性的。这种统一性主要表现在整体界面中视觉效果的统一性和操作层级中表现形式的统一性。首先，动画的美术风格需要和APP整体的界面设计风格相统一，使得整体显得有序规律。复杂多变的动画会使得页面过于混乱，打破APP页面的整体性，偏移用户的视觉重点，影响重点信息的传达，不利于用户集中注意力进行准确有序的操作。其次，天气APP不同层级之间动画表现形式需要统一，有规律。用户在使用APP时往往要经过多次操作才能获取自身所需信息，因此，需要在各个层级之间建立统一的操作行为标准。同时，各个层级的动画也需服从于整个标准体系当中，提升用户操作的流畅度和熟练性，满足用户在做出行为后所要达到的心理预期。 （三）趣味性 在众多天气APP中过于单调无趣的APP不可能引起足够的关注量，这也直接影响到APP的下载量和用户粘度。而动画元素的巧妙运用可以极大提升APP的视觉效果和操作的趣味性。动画在色彩表现，角色设计，场景造型，动作设计以及特效方面形式多样，趣味十足。表现新颖，富有趣味性的动画更能引起用户的关注，激发用户的操作兴趣，从而保证APP强大的生命力。例如在墨迹天气中，当下雨的天气状况下，手机屏幕上会不断出现凝结的水珠，然后慢慢消失，同时还会偶尔出现水滴打在屏幕上的景象，效果十分逼真。这样富有趣味性的动画能够让用户直观了解到现在的天气状况，并将用户带入到整体天气环境中，提升用户使用APP的全方位感受。趣味化的表达使得用户查看天气资讯不再变得枯燥无味，而是充满乐趣。 （四）实用性 在天气APP中，动画的运用目的是为了使产品更加便于操作，一切的动画效果都应服从于功能的实现。天气APP中动画的实用性原则的核心主要表现在信息的可视化和操作的易用性两方面。动画的设计首先要立足于信息的传达。动画形式的变化以及风格的表现都应从信息的可视化出发，立足于产品定位和功能特性，将天气现象以及信息资讯直观展现在用户面前。此外，在用户操作體验上，也需遵循实用性原则。用户可以通过动画的提示及时了解产品新的功能特性和操作方式。用户的每一次操作都有及时的反馈，当用户出现误操作时，需要有及时醒目的动画提醒，并加以引导，帮助用户正确操作，快速获取自身所需信息。 三、结语 天气APP作为主要提供天气资讯功能的应用程序，在发展过程中功能不断得到拓展，随之而来的是APP操作层级的增多和操作复杂性的提升。动画作为一款APP不可或缺的视觉元素，在天气APP中发挥着导向性、提示性和审美性的功能。产品功能的拓展为动画的表现提供了广阔空间。不同风格形式的动画可以营造不同的操作氛围，提升天气APP的用户体验。而动画的形式需服从于功能，因此，天气APP中动画的运用需立足于创新性、统一性、趣味性和实用性的原则，以此提升产品的用户体验，保证产品的吸引力，最大程度地实现产品的价值。 参考文献： [1]刘永翔.基于产品可用性的人机界面交互设计研究[J].包装工程，2008，29（4）：81-83. [2]夏颖翀.功能性动画发展和教育研究[J].装饰，2011（02）：129-130. [3]丘美玲.基于APP的交互动画设计与应用[J].设计，2015（09）：127-128. [4]詹姆斯·加瑞特.用户体验要素[M].范晓燕译.北京：机械工业出版社，2011. |
| 随便看 |
|
科学优质学术资源、百科知识分享平台，免费提供知识科普、生活经验分享、中外学术论文、各类范文、学术文献、教学资料、学术期刊、会议、报纸、杂志、工具书等各类资源检索、在线阅读和软件app下载服务。