shell 动态图形_如何使用动态图形增强您的网站

shell 动态图形

长期以来，移动一直是使网站脱颖而出的最强大方法之一。 它发展到现在设计师可以选择的范围很广，从简单的微交互一直到全屏视频背景。

沿着这些思路，动态图形已经成为一种流行的方式，可以将高度专业的电影感觉带到网络上。 这些动画的长度通常很短，可以用作较大视频演示的一部分。 它们还具有不同的用途，例如动画背景，场景过渡甚至是独立的设计元素。

今天，我们将介绍一些使用运动图形将网站提升到新水平的方法。 并且，我们将重点介绍一些令人赞叹的示例，这些示例可在您订阅Envato Elements时获得–拥有12,000多个可下载的运动图形以及更多其他内容。

1.可视化重要信息

信息图表的使用提供了一种有效的方式，以易于消化的格式共享信息。 将信息集成到视频中可以带来更大的影响。 这使您可以将重点放在最重要的项目上。

业务信息图表元素集合提供了多种选择，可帮助您最大程度地利用演示文稿。 视频媒体元素提供三种颜色（白色，深蓝色和全彩色），每种颜色都包含一个alpha通道，可用于您自己的自定义图形。

2.将用户转移到另一个地方

正确的视觉效果确实可以帮助您讲故事。 这是运动图形可以带给视频背景等元素的一部分。 您可以使用它们来传达一种特定的感觉-讲述您的故事而无需说一句话。

棕榈树的日落光束是图像如何增强叙事的一个很好的例子。 例如，这个30秒钟的热带天堂剪辑可用来吸引旅行者预订机票或设定在荒岛上发生的小说的场景。 这里有很大的灵活性，允许您以自己的方式讲述自己的故事。

3.大声宣布

想要分享一些激动人心的新闻？ 动作的使用将使您的内容大显身手，用户不会错过。 尽管静态文本和图像可以发挥重要作用，但视频的巧妙使用却可以吸引访问者关注您的内容。

要产生更多嗡嗡声，请使用诸如LED Array Countdown之类的动态图形。 此短片具有多行亮白色数字（从10开始倒数​​），为您的公告提供了完美的选择。

4.说明教育

有些概念可能很难用言语解释，但可以通过视频轻松传达。 当涉及到诸如科学或工程学之类的复杂学科时，尤其如此。 在这里，您可以使用视频来帮助用户更好地理解主题，而不会花费太多时间。

运动图形可以发挥关键作用的一个例子是在医学领域。 例如，“ 背骨中的背痛”仅用15秒就完美地说明了一个概念。 一旦用户获得了初步的了解，他们便可以深入了解更多信息。

5.添加乐趣元素

免得我们忘记，在网络上添加一点乐趣并没有错。 这里最棒的是，您不必做任何宏伟的事情，因为那些小细节常常会产生微笑。 有一系列的动态图形可以帮助使产品演示，视频博客和演示文稿更明亮。

徽标显示是一种快速简单的方法，可以为您的内容添加一些乐趣。 该系列提供了四种不同的设计-每个都有多种颜色选择。 使用一些视频编辑软件将徽标或照片添加到您所选择的内容中，并添加了友好感。

让您的网站动起来！

虽然动态影像不一定是本次演出的明星，但它们仍可以发挥重要作用。 使用它们讲故事，传达信息并为接下来的工作做好准备。 它们是有效的工具，可以帮助您充分利用自己的内容。

翻译自: https://webdesign.tutsplus.com/articles/how-to-enhance-your-website-with-motion-graphics--cms-31571

shell 动态图形