安安

动态图形规划在咱们日常日子中无处不在,藉由项目来告知咱们我是怎样有理据的做动态图形规划,期望我的规划办法对你有所协助。

 

腾讯视频直播答题《百万脑力年代》动态图形规划合集

 

 

动态图形规划的来历

动态图形规划,英文Motion Graphics Design,简称MG。是将本来静态的平面图画经过动态的设定,呈现出动感,赋予其生命力。动态图形的运用非常广泛,从电影片头,电视包装、MV、广告,到APP、移动游戏、广告牌、场景安置等,简直无处不在。

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

1960年,他创立了Motion Graphics公司,该公司运用他自己发明的机械动画技术来创立电影和电视标题序列和广告,下面的影片解说了这点,并突显了图形规划师Saul Bass和Elaine Bass的奉献(The Title Design of Saul and Elaine Base)。作为剧情片片头的先驱者,其著作包含《The Man With The Golden Arm》(1955)、《Vertigo》(1958)、《Psycho》(1960)、《Advise & Consent》(1962)。Saul和Elaine的著作的中心是运用简略的图形来传达电影的心情。

图形天然有着比文字、声响更高的传达功率,由于人类的大脑视觉信息处理相关脑区占控制位置,所以关于图形更灵敏,形象更深入。而人对静止不动的事物,一般不会注意到,而这些事物一旦动起来,咱们的注意力就会被吸引到动的事物上面。所以动态图形比静态图形更有吸引力,能传达更深层次的信息,触发心情。

在互联网蓬勃发展的年代,规划师们的技术也越来越全面,而我主张咱们应该多把握一门技术——动态图形规划。在规划中运用动态图形规划来进步传达功率,调集用户心情,在UI规划、运营规划、交互规划上都能广泛的运用。

在规划动态图形时,并非简略的让静态图形动起来就能够了,进行规划时有一个很重要的中心——故事,一切的图形的运动、联接、消失都应该环绕着故事来进行,故事是动态图形规划的骨,运动方法是肉。有骨有肉,才是一个完好的动态图形规划。

那么怎样才干做出一个相对完好、有理据、有构思的动态图形规划,下面我想告知咱们我是怎样做的。

 

个人总结的动态图形规划办法

5步法:①确认主题 → ②了解趋势 → ③竞品剖析 → ④规划构思 → ⑤履行落地

  • ①确认主题:前期需求跟咱们谈论/自己决议计划挑选1~3个最优信息点,动态图形规划环绕着1~3个最优信息点进行。
  • ②了解趋势:搜集和了解现在比较盛行的动态图形规划是怎样样的,这样能一方面能使你做出来的动态图形规划更契合群众审美,另一方面也确保能让自己学习到最新的动态图形规划的叙事、联接、运动方法。看看顶尖的动态图形规划工作室是怎样做的。像ManvsMachine、we are seventeen、Buck、Animade等等。
  • ③竞品剖析:了解剖析竞品的动态图形规划,找到商场的空白区进行切入,做出差异化。
  • ④规划构思:环绕“1~3个信息点” “趋势” “商场空白区”,进行故事构思和视觉定调。着重构思要多想几个,好让自己有比照进行优化的地步。
  • ⑤履行落地:Let\’s do it! 处理落地进程遇到的一切阻力。

 

有理有据的动态图形规划

① 确认主题:百万、脑力、年代

2017年8月,竞答游戏APP《HQ – Live Trivia Game Show》在美国掀起了一股热潮,同年12月,《冲顶大会》和《芝士超人》把这股热潮从美国带到了我国,而且在我国敏捷蹿红。

腾讯视频首个答题赢百万节目正式开战,联合企鹅影视出品的《脑力男人年代》把姓名定为《百万脑力年代》。

姓名定下来后,咱们首要做一个拆解,提取此非必须传达的3点:百万、脑力、年代。

 

② 了解趋势:搜集和了解现在比较盛行的动态图形规划是怎样样的

这样能一方面能使你做出来的动态图形规划更契合群众审美,另一方面也确保能让自己学习到最新的动态图形规划的叙事、联接、运动方法。看看顶尖的动态图形规划机构是怎样做的。像ManvsMachine、we are seventeen、Buck、Animade等等。

 

③ 剖析竞品视觉、动画风格往单色方向做出差异化构成回忆点

在进行规划定位前,咱们剖析了商场上比较抢手的答题类产品的视觉和动画,发现都是运用多彩 立体的规划,看起来比较文娱化。

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

 

从品牌传达视点来讲

假如咱们的相关规划与其他品牌相关规划相同的话,很简单让顾客发生形象混杂,并削弱这个品牌的特征,所以咱们期望从品牌的视点动身,让咱们的直播答题契合咱们品牌的特征,而且和别家的不相同,来将咱们的品牌区别开来,构成差异化。

 

从视觉传达视点来讲

首要,咱们的直播答题想要传达的是百万脑力年代,主题是脑力的比拼,跟别家想要传达的信息也是不同的,除了传达信息不同,咱们也期望从视觉体现方法上做出区别,让用户在初次运用时从视觉上让用户感觉不相同,制造新鲜感,提高吸引力。

 

从用户运用视点来讲

每个用户都期望自己是异乎寻常的,从日常行为到运用产品,都有这种倾向性,人的心思有这种诉求,所以咱们能够经过满足这种心思诉求来添加用户的好感度和认同度,营建用户在形象上认识到咱们是异乎寻常的来记住咱们。

 

接着用四象限图区分竞品进行剖析,从中找到现在依然空置的板块——笼统平面、单色朴实,咱们将从这个板块切入去进行视觉规划,做到差异化。

 

④ 环绕信息层百万、脑力、年代和体现层文娱元素朴实、笼统平面进行构思

环绕刚提取的百万、脑力、年代,用发散思想去把主题关键分解成元素,这些各式各样的元素就像乐高积木,咱们进行规划构思的时分能把乐高积木拼成一个完好的玩具,而且确保这个玩具在表达咱们的主题,让咱们走在正确路上。

接下来便是拼乐高积木的时分了!这个进程你或许会有一些好主意、坏主意,需求重复组合、排序来取得你终究满足的规划方案。

紧接着把故事、演绎进程串联起来,构成一个完好动态图形规划。这能让咱们更明晰的认识到自己所做的动态图形所传达的意思,一起跟产品/开发/运营/规划人员沟一起能更完好的传达整个动态图形规划背面的故事和规划,添加说服力和吸引力。

不过要提示咱们的是,我在这儿也踩到了一些坑。在时刻急迫的状况下,在规划构思的时分很简单遭到锚定效应的影响,主意不知不觉就被刚剖析过的视觉和动画影响。

怎样更快的越过锚定效应,我的窍门便是推翻重来:

  • 1、构思(不怕犯错)
  • 2、推翻(知错就改)
  • 3、再次构思(再次犯错or搞定?)

直到取得满足的规划构思。

走偏的初稿1,没有故事,纯视觉移动,堕入锚定效应中,构思的故事和视觉风格都倾向多彩 立体。

 

走偏的初稿2,把视觉风格拍平后,发现依然不当,缺少故事导致没有说服力,无法吸引人。遂决议从头构思。

  • 《开场》故事:参加百万脑力年代竞答的进程中,脑电波从平稳到激荡,竞答进程在脑际搜索答案犹如迷宫中寻觅出口,从一个个信息中筛选出正确答案。终究找到出口,接着着重百万脑力年代,终究成功翻开百万脑力年代的大门!
  • 《获胜者》故事:给还在脑力激荡中的终究的获胜者戴上归于TA们的皇冠。
  • 《决胜题》故事:贯穿UI视觉、动态图形的三角呈现,带出第12题决胜题,接着奇妙的变成两个穿插的旗号,一决胜负。

有了手稿今后,在电脑上画出来,更细节的部分,如:叙事、联接、视觉风格会在这儿变得愈加明晰,在这一步想好做好,在动态规划的时分就不必重复测验,节约时刻本钱。

⑤ 把主意实施,并进行细节打磨,寻觅适宜伴奏,及落地到直播傍边

终究落地状况是选用720p的MPEG2格局来确保用户运用流通度和节约带宽本钱,尽管缺陷是动画全体变含糊了,从750x1334px到720x480px,但是在用户体会上没有呈现卡顿问题,实在完好的落地了。

终究放一个最近刚做完的《发明101》闪屏动态图形规划收尾,我也在进一步探索怎样更科学又风趣的做动态图形规划,等待下一次跟咱们共享,也期望我的规划办法对你有所协助。

呼喊咱们来腾讯视频APP看《发明101》,Pick你喜爱的小姐姐哟!

 

欢迎咱们谈论或署名和符号来历转载 : )

 

原文地址:腾讯视频TVDesign(大众号)

作者:叶益辉 @ 腾讯视频TVD

 

转载请注明:unibet网址网 » 让动态图形替你讲故事

登录保藏
 
你或许喜爱的:
教你用 Principle 做卡片翻滚动效教你用 Principle 做卡片翻滚动效
Element 动画宣传片制造全进程Element 动画宣传片制造全进程
规划师都应该了解的加载动画常识规划师都应该了解的加载动画常识
怎样为产品快速构建合理的UI动效怎样为产品快速构建合理的UI动效
构思专题 — 2019年优异UI动画规划著作赏识#5月构思专题 — 2019年优异UI动画规划著作赏识#5月
加载动效项目全解析加载动效项目全解析
佳作赏识:《谁进了我的房间》- 自若保洁H5动画佳作赏识:《谁进了我的房间》- 自若保洁H5动画
追波交互动效及界面合集(三)追波交互动效及界面合集(三)
追波交互动效合集(二)追波交互动效合集(二)
追波交互动效合集(一)追波交互动效合集(一)