新闻动态
新闻动态
NEWS INFORMATION
教你获取超赞MG动画!
来源:互联网 | 时间:2020-09-30 | 浏览:2018

动态图形设计在我们日常生活中无处不在,今天来告诉大家我是如何有理有据的做动态图形设计

一、动态图形设计的起源

动态图形设计,英文 Motion Graphics Design,简称 MG。是将原本静态的平面图像经过动态的设定,呈现出动感,赋予其生命力。动态图形的应用十分广泛,从电影片头,电视包装、MV、广告,到APP、移动游戏、广告牌、场景布置等,几乎无处不在。

在20世纪50年代,John Whitney 利用他的机械动画技术为电视节目和商业广告创造序列。1952年,他导演了有关导弹项目的工程电影。这一时期他最著名的作品之一是与平面设计师 Saul Bass 合作的 Alfred Hitchcock 1958年的电影《Vertigo》的动画标题序列。

图形天然有着比文字、声音更高的传达效率,因为人类的大脑视觉信息处理相关脑区占统治地位,所以对于图形更敏感,印象更深刻。而人对静止不动的事物,通常不会注意到,而这些事物一旦动起来,我们的注意力就会被吸引到动的事物上面。所以动态图形比静态图形更有吸引力,能传达更深层次的信息,触发情绪。

在互联网蓬勃发展的时代,设计师们的技能也越来越全面,而我建议大家应该多掌握一门技能——动态图形设计。在设计中利用动态图形设计来提高传达效率,调动用户情绪,在 UI设计、运营设计、交互设计上都能广泛的应用。

在设计动态图形时,并非简单的让静态图形动起来就可以了,进行设计时有一个很重要的核心——故事,所有的图形的运动、衔接、消失都应该围绕着故事来进行,故事是动态图形设计的骨,运动形式是肉。有骨有肉,才是一个完整的动态图形设计。

那么如何才能做出一个相对完整、有理据、有创意的动态图形设计,下面我想告诉大家我是怎么做的。

二、个人总结的动态图形设计方法

5步法:确定主题 → 了解趋势 → 竞品分析 → 设计构思 → 执行落地

确定主题:前期需要跟大家讨论/自己决策选择1~3个最优信息点,动态图形设计围绕着1~3个最优信息点进行。

了解趋势:收集和了解目前比较流行的动态图形设计是怎么样的,这样一方面能使你做出来的动态图形设计更符合大众审美,另一方面也确保能让自己学习到最新的动态图形设计的叙事、衔接、运动形式。看看顶尖的动态图形设计工作室是如何做的。

竞品分析:了解分析竞品的动态图形设计,找到市场的空白区进行切入,做出差异化。

设计构思:围绕「1~3个信息点」+「趋势」+「市场空白区」,进行故事构思和视觉定调。强调构思要多想几个,好让自己有对比进行优化的余地。

执行落地:Let’s do it!解决落地过程遇到的所有阻力。

三、有理有据的动态图形设计

1. 确定主题:百万、脑力、时代

名字定下来后,我们首先做一个拆解,提取此次要传达的3点:百万、脑力、时代。

2. 了解趋势:收集和了解目前比较流行的动态图形设计是怎么样的

这样一方面能使你做出来的动态图形设计更符合大众审美,另一方面也确保能让自己学习到最新的动态图形设计的叙事、衔接、运动形式。

3. 分析竞品视觉、动画风格往单色方向做出差异化形成记忆点

在进行设计定位前,我们分析了市场上比较热门的答题类产品的视觉和动画,发现都是使用多彩+立体的设计,看起来比较娱乐化。

而我们希望从中做出差异化,为什么要做差异化?当然是希望用户能够在众多直播答题中记住我们。

从品牌传播角度来讲

从视觉传达角度来讲

从用户使用角度来讲

4. 围绕信息层百万、脑力、时代和表现层娱乐元素纯粹、抽象平面进行构思

围绕刚提取的百万、脑力、时代,用发散思维去把主题重点分解成元素,这些各种各样的元素就像乐高积木,我们进行设计构思的时候能把乐高积木拼成一个完整的玩具,并且确保这个玩具在表达我们的主题,让我们走在正确路上。接下来就是拼乐高积木的时候了!这个过程你可能会有一些好想法、坏想法,需要重复组合、排序来获得你最终满意的设计方案。

紧接着把故事、演绎过程串联起来,形成一个完整动态图形设计。这能让我们更清晰的认识到自己所做的动态图形所传达的意思,同时跟产品/开发/运营/设计人员沟通能更完整的传达整个动态图形设计背后的故事和设计,增加说服力和吸引力。