动画曾经被认为只是装饰。但是随着技术的进步和互联网连接的加速,设计师们正在拥抱实际的利益。在本文中,我们将重点介绍动画的一项特殊好处-营销动画或出售的动画。尽管事实上这种动画并非旨在提高可用性,但它可以给用户留下深刻的印象,并为他们提供一些主题背景。
设计人员可以通过以下方式利用这种动画类型:
1.展示工艺
人们确实注意到了细节。注意动画可以使体验倍感精致。当应用程序/网站创建视觉刺激的体验时,它会给用户带来一定程度的兴奋。
载入画面动画
加载动画是动画最古老的用途之一,它应该分散用户的加载时间。但是,即使这种类型的动画也可以证明您的产品很棒。例如,当用户启动Uber应用程序时,他们会立即注意到动画滴落变成了地图上的大头针。这种动画并不纯粹令人愉悦,它还会影响用户的眼睛并控制用户应聚焦的位置。这种快速的打开瞬间给人留下了干净的第一印象,并吸引了用户进行进一步的互动。

签名动画
一些公司走得更远,将动画作为品牌的独特功能。MailChimp是以这种方式使用动画的公司之一。该公司在技术上处于利基地位,创建和发送电子邮件活动,但是使用动画将这项枯燥的任务转变为一种诱人的体验。该服务在整个用户旅程中添加了一些小巧而令人惊喜的惊喜,并使发送电子邮件变得更加有趣。

2.更好地传达关键信息
动画效果有助于更清晰地传达您的信息。使用动画,您可以采用复杂的想法或过程,并以有趣和生动的方式轻松消化它们。
互动动画
动画能够突出产品的优势。Bellroy是一家销售钱包的公司。他们说,努力打造纤薄的设计以减少口袋的体积。在下面的示例中,您可以看到Bellroy中使用的动画如何清楚地指示产品的行为并展示其优势。

悬停动画
悬停动画对于传递有关产品的其他信息非常实用。这种动画使启示的震撼性降低,并提供了向站点添加一些令人愉快的角色的机会。

讲故事的动画
动画的讲故事潜力可以为原本沉闷的界面增加情感上的联系。讲故事的一些常见示例是通过在您的眼前“组装”新产品来展示新产品的页面。例如,Apple网站上的Mac Pro专用页面会向您显示向下滚动时的确切内容:

讲故事的动画还可以为长滚动带来生命和乐趣。代替非常常见的视差动画,选择一些更巧妙的方法。考虑将站点分解为可滚动的“块”。在每个块中,您可以通过动画介绍内容。下面的示例来自Le Mugs网站上的动画,通过对简单的美术插图进行动画处理,使内容“生动起来”。

3.吸引用户采取进一步措施
动画的使用将影响用户的眼睛,并且可以控制用户将注意力集中在页面上的位置。人眼自然会吸引运动,这使动画成为控制视觉层次的理想工具。
直接用户注意
移动元素是吸引用户注意力的强大工具。如果目标是将用户的注意力吸引到多个元素中的单个元素上,或者提醒用户注意更新的信息,那么动画就可以解决问题。只要屏幕上没有其他竞争元素,即使是最轻微的动作也将引起注意。西雅图的太空针塔基地利用了这一微妙之处。该站点通过向上箭头中的较小但有效的动画来吸引用户注意这些说明。

鼓励用户采取行动
精美的动画和互动效果鼓励用户点击。请看下面用于“契ov夫活着”网站的设计。该设计要求您单击以找到您的角色。

要考虑的事情
动画是一把双刃剑。使用不当会破坏用户体验。
避免动画会分散用户的注意力。在在线销售和营销的世界中,分心可能是死亡。
网站设计制作时要考虑的一个非常重要的方面是动画在单个用户会话中发生的频率。用户第一次看到该动画时可能会很不错,但是经过100次尝试后,它会变得很烦人,尤其是当它除了“有趣”之外没有其他目的时。
您可以通过有趣的方式以及从企业到企业的方式来制作许多UI元素。但是请记住一件事,如果要创建市场营销动画,则应该设定一个目标,即创建既具有样式又具有目的的动画。