返回  

什么是动态图形?

2022/9/5 10:36:47 来源:深圳网站设计Clh

数字领域的设计正在发生了一些微妙的变化,你可能已经发现了,在网站设计以及移动UI设计中使用的那些静态图形正在变得栩栩如生。


这完全是因为这种新风格的动画设计正在接管,我们称之为动态图形。

动态图形被认为是图形设计的未来。它非常受欢迎,几乎每个网站设计和移动应用程序现在都在其用户界面上使用某种形式的动态图形。不仅要让设计看起来不错,还要让它们更具交互性并鼓励用户参与。

那什么是动态图形?你如何使用它们来使你的设计更好、更有效呢?让我们来了解一下。


什么是动态图形?

“动态图形(有时是 Mograph)是动画或数字领域镜头的片段,它们会产生运动的错觉”

百度百科对动态图形的定义为:“随时间流动而改变形态的图形”,简单的来说动态图形可以解释为会动的图形设计,是影像艺术的一种。这一切都是为了创造运动的错觉,使图形的某些部分看起来栩栩如生。简单地说,它使用静态图形对象来创建运动。

Logo Animation Gif

(作者:Alex Gorbunov)

它可能是使用在网页设计中,用于在加载网站时出现的带有创意动画的logo。

Progress Bar Motion Graphic

(作者:Daniel Bograd)

或者像网站上充满动画元素的进度条。

设计师们一直在用动态图形创造一些令人惊叹的东西,让你想盯着一个网站或一个应用程序的引导屏幕看几个小时。这正是动态图形的主要目的——为希望交互的用户提供难忘的体验。


动态图形与动画

您可能会认为动态图形可能只是动画的一个花哨的衍生词。好吧,你并没有完全错。

动态图形是动画的一种形式,但动态图形和动画之间存在很大差异。

Motion Graphic Text

(作者:Pixflow)

使用动态图形,你只需为图形的特定部分或对象设置动画,并且动画一般都是快速而且简单。

Animation

(作者:Chris Phillips)

再有就是,动画更多的是讲故事。你可以创建带有环境的完整的动画角色来讲述故事。


值得庆幸的是,在模板的帮助下,创建动态图形现在比以往任何时候都容易。动态图形 (.mogrt) 也是 Adobe After Effects 和 Premiere Pro 使用的文件格式。这些视频模板还具有动态图形元素,你可以通过多种不同方式使用这些元素来创建各种类型的动画图形和视频。


总结

尽管这听起来像是一个新概念,但动态图形已经在几乎所有类型的数字领域设计中传播开来,尤其是在网站设计以及移动UI设计中。不用说,动态图形将继续存在并不断发展。因此,如果你是设计师或编辑,学习制作动态图形是一项在不久的将来会很有竞争力的技能。









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务