不,这篇文章不是关于动画猫占领世界的。我们采访了 Artjoker 的专家:设计师 Yanina 和产品设计部门主管 Natalia,讨论动画如何影响项目的成功。
为什么需要动画?
对于任何企业来说,所使用工具的有效性都很重要——这是一种完全自然且正确的方法。为了避免陷入麻烦,专家会评估投资与可能结果的关系。
看起来——猫被压时挥动爪子有什么用呢?一切都非常简单——人们喜欢互动,并准备好和这只猫一起玩。他们会记住很长一段时间,然后他们会告诉他们的朋友。“动画通常用于产生令人惊叹的效果。例如,有一个任务:“进行创意网站设计”。一如既往,每个人都以自己的方式理解“创意”这个词。在此类任务中,我们不仅仅处理图形。网站动画有很大帮助。
为网站创建动画是该项目成功的一部分 - 图片
我喜欢来自一家知名银行的应用程序中移动猫的示例。您开始与他们的产品进行交互,并且不会发生任何动作。起初她一动不动,然后突然开始喵喵叫并移动耳朵。用户与设计的交互非常酷。互动总是吸引眼球,” Natalia证实。
亚尼娜 点点头,继续同事的回答:“是的,这不是枯燥的静态图形,而是一种交互式的图形,它让一切看起来都很生动。动画确实可以用来吸引注意力并吸引用户。还需要展示某个功能是如何工作的” 。
如何理解动画的必要性?
如果您的网站非常无聊,用户不明白他需要做什么,或者没有注意到红色的大按钮,那么是时候进行一些更改了。当然,可用性差或设计质量差的资源无法通过飞鸟来拯救。值得一开始分配足够的时间、精力和资金网站创建,用动画进行升级,获得最愉悦用户体验的平台。
为网站创建动画是该项目成功的一部分 - 2 - 图片亚 摩洛哥电话号码数据 娜继续说道:“你无法用静态图片向一个人解释某个插图或照片的含义。你需要展示故事和作品的流程。可能还需要动画来引起对关键对象的注意。如果我们谈论令人惊叹的效果,它并不总是必要的,但有时它的使用看起来很酷” 。
动画可以作为提高转化率的工具吗?
使用动画是如履薄冰。它可以使网站更加整体、更加现代化,帮助您导航,并成为提高可用性的出色助手。同时,丰富的效果很可能会让用户迷失方向或将所有注意力吸引到它们本身上。仅仅在网站上创建动画是不够的 - 重要的是效果补充和支持想法,而不是分散人们通过点击链接所追求的内容和目标。
为网站创建动画是项目成功的一部分 - 3 - 图片“我立刻想到了一家设计机构的网站——如果潜在客户看到这些人有很酷的设计和动画,他们的转化率肯定会增加。如果我们能借助效果更好地解释产品的优点、使用特点或其他细节,这也是有用的。”Yanina 补充道。
特别值得一提的是网页资源页面的加载速度问题。 CSS 动画通常用于预加载器,这有助于减少用户“第一次接触”内容的时间,从而显着降低跳出率。如果网站加载时间超过三秒,许多人会直接关闭选项卡。动画可以帮助解决这个问题,也可以使情况变得更糟,这取决于表演者的专业水平。
动画对可用性有多大影响?
为网站创建动画是一个应该在“不伤害”口号下进行的过程。通过用几乎不引人注意的细节(过渡、脉动、阴影的出现或以其他方式添加交互性)补充图片,您可以引起访问者的兴趣以及完整性和完整性的感觉。
“按下按钮后会得到响应,这很好。有不同类型的效果。您可以简单地放置一个旋转飞行的背景,但也有用户与设计交互的任务。然后按钮变成一个新元素,然后出现一个铭文 - 这是超级骗子,”设计师证实。
Flash 动画还有用吗?
如果您决定在 2019 年为网站制作 Flash 动画,那么就会出现问题。这项技术早已消亡,是时候注销它了。 Yana 分享了她的故事:“在我看来,现在根本没有人使用这项技术。我记得我们在大学时仍在开发 Flash 动画,两年后他们告诉我们:“就是这样,伙计们,我们要结束了,”——那是很久以前的事了……Flash 已经死了。每个人都使用 After Effects ” 。
就这样,伙计们,让我们放松一下。
笨重且有问题的 Flash 被 CSS 工具取代,这大大简化了图形处理并减轻了页面的重量。早在 2017 年,该技术的开发商 Adobe 就宣布打算在 2020 年停止对该技术的支持。此后,更新将停止发布,浏览器将无法读取此技术。我们可以有把握地说,为网站创建 Flash 动画已经成为过去。
3D 动画在网络上有多常见?
创建 3D 动画需要更多资源 - 时间和财力。此外,它的使用给参与优化网络平台的专家带来了更大的责任。这是因为 3D 页面的重量比 2D 动画的页面重得多,这意味着它会延迟用户“第一次接触”内容的时间,并增加失败的风险。但如果你使用合适的开发工具并努力优化,这种情况就不会发生。
您可以使用以下程序在您的网站上创建 3D 动画:
后效;
3ds Max(主要用于游戏开发);
电影院 4D。
“如果网站上有 3D 动画,这些家伙通常都很酷。对我来说,更多的是在设计机构的网站和产品设计中找到它。例如,创建自行车的三维模型来显示其运动状态。 3D 动画很常见,但更像是图形元素 - 三维图片/插图或只是作为背景的对象。至少我是这么认为的,”Yana 补充道。
如果网站有 3D 动画,那么这些家伙通常都非常酷。
总之,我们注意到,要创造高质量的产品,2019 年动画趋势并不重要,重要的是相关性以及所选效果在多大程度上改善了用户体验。他们对项目成功的作用可以是积极的,也可以是消极的。在第一种情况下,您可以提高可用性,表现出对用户或团队能力的关注,并使网站不无聊且令人难忘。第二种情况只有在工作执行不专业的情况下才可能发生,导致加载时间过长或访客迷失方向 - 为了防止这种情况,您应该在审查作品集后联系专业人士。
如果您将此领域视为一种爱好,您可以从创建 GIF 动画开始。这非常简单,可以在 Photoshop 等标准程序中完成。为网络资源创建效果基于类似的原理,因此这样的实验是理想的第一步。

您可以使用以下方法为网站完全创建 gif 动画:
Photoshop
原则
后期效果
Cinema 4D(用于 3D 动画)。
您还可以在我们的博客中了解最新动态网页设计趋势,了解营销的不同方面并了解其包含的内容网站开发。