如何用Visme创建动画信息图表[分步指南]

如何用Visme创建动画信息图表[分步指南]
克洛伊西部

写的:
克洛伊西部

2020年5月1日
创建动画信息图表-标题

信息图表在网络上随处可见,无论是在博客文章里,还是在网上社交媒体甚至在电子邮件通讯中。

虽然信息图表绝对是一个成功的工具,从市场营销链接建设,你仍然想要确保你的信息图表脱颖而出。一个很好的方法就是制作动画信息图表。

在信息图中添加动画和交互性等元素不仅可以吸引目标受众,还可以迅速抓住他们的注意力。

大多数信息图表工具让你在几分钟内就能轻松地创造出令人惊叹的视觉效果,但很少有人提供添加动画和交互性的手段。

Visme,你可以两者兼而有之——创建漂亮的静态信息图表动画信息图与动画插图和互动元素,如链接,测验,调查,甚至视频嵌入信息图内的权利。

在这个快速的一步一步中,我们将向您展示如何轻松地使用Visme创建您的观众一定会喜欢的动画信息图表。

你也可以先看看我们的5分钟快速教程视频,在Visme中创建信息图表,然后再阅读更多关于我们的动画功能。

1创建一个新项目。

创建动画信息图表-创建一个新项目

重要的事情先做。创建你自己的Visme账户免费的。只要输入你的电子邮件,姓名和密码,你就可以开始了。

登录到Visme仪表板后,点击创建按钮,位于左侧栏顶部。

2选择一个模板。

创建动画信息图表-选择一个模板
为您的下一个动画信息图找到完美的模板! 现在浏览

一旦你点击创建,你就能看到Visme所有的数千条模板选项。我们的Visme释放Update提供了更方便的导航,以找到您需要的确切模板。

您可以滚动Infographics选项卡,单击搜索栏以查找各种信息图类别,或者键入搜索查询以查找相关模板。

如果你想从头开始创建一个新的设计,你也可以选择从一个空白的画布开始。世界就在你的指尖,做你想做的!

出于本教程的目的,我们将使用5步动画信息图模板如何洗手

3.插入你自己的文字。

我们的每一个专业设计的模板都是完全可定制的,所以你可以改变每一点的文字,照片,图表等,以适应您的内容,而不是占位符内容,我们的许多模板包括。

我们将更新信息图中的文字,改为“在Visme中使用的5种动画”。一定要相应地更新文本大小,这样你的设计看起来仍然很完美。

创建动画信息图表-插入自己的文字
自定义这个信息图模板,使它成为你自己的! 编辑和下载

4添加动画图形。

Visme提供了不同类型的动画图形,可以添加到您的设计中以创建动画信息图。

动画图形-动画插图和元素

你可以使用插图(从三种不同的风格中选择-平面,轮廓和等距),人物(从各种姿势中选择),手势,特效等等。

创建动画信息图表-添加动画图形
为您的下一个动画信息图找到完美的模板! 现在浏览

这些图形的每一个方面都是完全可定制的,从最小的细节到你所选择的角色的肤色。

您可以在信息图中添加这些视觉元素,以帮助表示您的观点,并选择动画重复的次数以及运行的速度。

创建动画信息图表-添加动画图形

Visme的每一个动画图形都是完全专属于我们的平台并由我们的内部设计师团队定制设计。

5创建动画的进入和退出效果。

无论你是创建演示文稿例如,社交媒体图形或动画信息图,您需要将设计中的各种元素动画化,例如未预动画的文本框和图标。

Visme通过提供14种不同类型的进入和退出效果使其变得简单。

创意动画在visme

只要点击你想要动画的对象,点击行动,然后动画查看您的选项。为希望留在页面上的元素选择进入动画类型,为不介意飞出画布的对象选择退出动画类型。

创建动画信息图表-添加动画效果

你可以预览你的设计,看看动画效果会是什么样子。

创建动画信息图表-添加进入和退出效果

通过单击左上角的汉堡包菜单并选择,轻松控制对象在舞台上出现的时间显示对象列表查看时间轴。

在这里,您可以看到每个元素相对于其他元素出现的时间,并且您可以轻松地将它们移动到更早或更晚出现。请记住,对象列表只显示所选内容块的对象,而不是完整的信息图。

6添加动画图表和图形。

需要在你的动画信息图展示数据和统计?Visme的图表、图形和数据小部件内置了自动动画,以确保你的数字在你的观众面前跳出来。

创建动画信息图表-添加动画图表

有几种不同的动画类型可供选择,以便您可以找到最无缝的动画来适合您的项目。

创建动画信息图表-添加动画图表

如果你的信息图充满了图表和图形来展示大量有价值的信息,请确保在整个过程中保持类似的动画类型,这样设计才有凝聚力。

当用户将鼠标悬停在不同的条形、线条或饼状图上时,您还可以让图表值显示出来,从而为数据可视化添加交互性。

用visme把无聊的数字变成漂亮的数据

7创建弹出窗口。

通过将各种对象链接在一起并创建弹出或悬停效果,可以在信息图中创建交互式元素。

这很容易做到,这将帮助您在信息图表中创建交互式测验或问答,以及高质量的设计,如这是我们创建的分级图排名顶尖的设计工具。

若要链接信息图表中的元素,请单击要单击的对象或将鼠标悬停在其上以显示第二个对象。

然后点击行动”菜单上,单击“链接然后点击弹出选择。然后,您可以选择当用户单击所选元素或将鼠标悬停在所选元素上时将显示哪个对象。

创建动画信息图表-创建弹出窗口
为您的下一个动画信息图找到完美的模板! 现在浏览

请记住,对象在添加到信息图中时会自动获得通用名称。

进入左上角的汉堡包菜单,点击显示对象列表,您可以看到这些名称,也可以重命名它们,以便选择正确的链接对象。

创建动画信息图表-添加弹出窗口

信息图表中的这种类型的动画和交互性可以完全将您的设计与典型的静态信息图表区分开来。在你的下一个信息图中,尝试所有不同的方法来创建弹出式效果。

8嵌入视频。

在信息图中添加动画和交互性元素的另一个好方法是通过使用嵌入视频媒体应用程序编辑器左侧栏中的选项卡。

创建动画信息图表-嵌入视频

媒体选项卡允许您嵌入任何类型的在线内容,只要你有一个URL或iframe代码。企业账户甚至可以在他们的Vismes中嵌入HTML代码。

此外,点击视频将让您浏览我们的库存视频库,以添加到您的信息图背景或作为您的设计中的口音。

应用程序选项卡允许您链接到各种视频应用程序(以及更多即将推出!),因此您可以将YouTube或Vimeo应用程序直接粘贴到您的Visme中。

9添加链接。

除了链接对象来创建弹出窗口,你还可以链接到外部网站,甚至在信息图中创建块之间的链接。如果你有一个包含大量信息的较长的信息图表,这一点尤其有用。

点击要链接的对象(如信息图页脚中的社交图标),进入行动”菜单上,单击“链接然后添加你的链接网络选项卡。

创建动画信息图表-添加链接

正如你所看到的,我们在这个信息图的页脚链接到我们的主页。你可以选择是否你想要你的链接打开在同一窗口或一个新的窗口,以及,就像在普通的博客文章和网页。

10自定义字体和颜色。

在完成你的设计之前,确保你定制了字体和颜色(如果你选择的话)来匹配你的品牌,你的内容或你最喜欢的颜色。

创建动画信息图表-自定义字体和颜色
为您的下一个动画信息图找到完美的模板! 现在浏览

Visme有数百种流行的免费字体可供选择,以及预制的颜色主题,让您只需单击一下即可更改信息图的整体外观和感觉。一个Visme品牌套件允许您添加自己的颜色主题,以及。

11与你的听众分享。

最后,是时候分享你的新动画杰作了!要做到这一点,并确保所有的动画和交互性仍然是可访问的最好方法是通过嵌入你的信息图到博客文章或网页。

您可以看到我们是如何嵌入我们的设计工具分级图的在这篇博文中来了解一下这是什么样子的。

你还可以查看我们在这篇博文中创建的信息图中添加的所有动画和交互元素:

Visme还允许用户创建公共或私人链接来在线分享他们的项目,以及以多种格式下载。信息图表可以下载为PDF、JPG、PNG或HTML5格式。

HTML5是一种离线文件格式,它仍然保留了你在Visme编辑器中构建的所有动画和交互元素,对许多用户来说是一个有用的选择。

今天用Visme创建动画信息图表

准备好开始用Visme创建自己的动画信息图表了吗?注册一个免费帐户开始玩所有的设计元素提供给你,并创建自己的动画杰作。

创造令人惊叹的内容!

设计视觉品牌体验为了你的生意无论你是经验丰富的设计师或者一个完全的新手。

免费试用Visme

    我们很吝啬,不与任何人共享电子邮件。

    作者简介

    Chloe West是Visme的内容营销经理。她在数字营销方面的经验包括从社交媒体、博客、电子邮件营销到平面设计、战略创建和实施等方方面面。在业余时间,她喜欢和儿子一起探索她的家乡查尔斯顿。

    对“如何使用Visme创建动画信息图表[分步指南]”的19个回复

    1. 来源:独家新闻。来自:visme。有限公司/博客[…]

    2. 谢谢你的课后辅导。许多claro和混凝土。也许吧。

    3. 只要有一点创造性思维,就很容易把无聊的子弹变成精彩的动画幻灯片!永远记得要把握幻灯片上信息的节奏,并利用听众的注意力。关于如何在Visme中使用动画的更多信息,请查看这篇关于创建动画信息图表的文章。[…]

    4. 嗨,你能分享一个最终动画信息图的链接吗?和/或分享一些链接到动画信息图表的例子。谢谢。

    5. […]其他程序,Visme可以让你创建静态和动画信息图表。(点击这里学习!)观众实际上可以与你的信息图表互动,进行调查,玩游戏,完成[…]

    6. Janos Karovits 说:

      嗨,Nayomi,非常感谢非常翔实和清晰的教程!
      你还能告诉我你用来制作这些伟大的教程动画(鼠标跟踪环,点击动画,缩放,屏幕区域高亮/暗淡)的捕获工具是什么吗?
      我已经在网上搜索了好几天,甚至询问了Visme的支持,但这些都没有提供有用的信息。
      非常感谢您的帮助!谢谢!
      Janos

    7. 嗨Nayomi
      我喜欢交互式信息图表的想法,但在我深入挖掘并制作自己的惊人信息图表之前,我有一个问题。
      我可以想象,当把这些信息图表嵌入文章、博客和网页时,所有的动画和互动元素都能完美地工作……对吗?
      但是Pinterest呢?当这些信息图传到Pinterest上时,它们还具有互动性和动画效果吗?
      谢谢这个很棒的教程!
      愿一切都好!
      Orana

      • 嗨Orana。谢谢你的提问。是的,正确。你可以在网站和博客文章中嵌入Visme信息图表,它们是完全互动的。由于Pinterest是一个基于图像的平台,你必须以JPG文件的形式下载你的项目,然后以静态图像的形式上传。还有什么我们可以帮助你的,请告诉我们!

    8. 史蒂夫·赖特 说:

      嗨伙计们

      这里是高级用户。是否有可能制作动画信息图表,当读者滚动到特定元素时,它们会动画,而不是在计时器上?如果有人正在滚动信息图,慢慢地阅读信息,那么将项目动画化似乎就没有多大意义了。如果这是不可能的,你是否可以添加到你的未来路线图?

      谢谢
      史蒂夫

    9. anneloes 说:

      嗨!我真的很喜欢这个。我需要以什么格式下载文件才能获得交互式/动画信息图表?我想在应用程序中使用它。

      谢谢!

      • 嗨!我们很高兴你觉得它有用。对于离线使用,您可以下载HTML5格式的文件,以保留动画和交互功能。您也可以点击“分享”并使用嵌入代码或可共享链接在线查看信息图。

    10. 罗杰的座谈会 说:

      大家好!听起来不错。是否可以下载动画信息图作为视频文件(avi或其他)。

      我假设这里没有交互式/可点击功能,但主要是动画?

      • Mahnoor酋长 Mahnoor酋长 说:

        嗨,罗杰!谢谢,我很高兴你觉得这很有帮助。

        您可以下载HTML5格式的动画信息图表供离线使用。这将保留动画和交互功能。您还可以使用链接在线分享它们,或使用响应式代码嵌入它们。

    留言回复

    您的电子邮件地址将不会被公布。必填项被标记*