logoto.video logologoto.video
logoto.video / Use cases / McDonald's

动画标志设计:先做决定,再选工具

动画标志设计是五个决定,不是五款工具:轮廓、入场、落定、停留和声音。上传你的标志,在浏览器里逐个测试。

McDonald's logo

为什么McDonald's需要 Logo 动画

动画标志设计是五个决定,不是五款工具:轮廓、入场、落定、停留和声音。上传你的标志,在浏览器里逐个测试。 Animate your logo with this brand style: a short-form video in minutes. No animator, no agency, no After Effects — just upload and ship.

轮廓测试排在第一位

在做任何动作之前,先把标志缩到 40 像素看看。一个在那个尺寸下就失败的动画标志设计,是救不回来的——一条在手机上糊成灰团的字标,动起来时同样会糊成灰团。动作只会放大静态标志本来就有的样子。

一个节拍一个动作,而不是一帧一个

动画标志设计最常见的错误,是让标志在每个节拍上都有事做。当入场占一个节拍、落定落在下一个节拍、之后每个节拍什么都不发生时,一条品牌开场才读起来像设计过的。静止是一个决定,不是空白。

落定需要停住,而不是漂移

一段缓入到位却始终没真正到达的动画,即使时序正确,看起来也是没做完的。设计上的决定是:把落定停在下拍的一张硬帧上,剩下的交给停留——这正是“一个到达了的标志”和“一个晃进来的标志”之间的区别。

停留才是品牌被记住的地方

半秒的静止是让人在一臂之外的手机上读出品牌名的最低要求。一个全程都在动的动画标志,会让观众去读一个已经在离开画面的字标——停留不是废时间,它是品牌唯一可被看清的时刻。

在浏览器里测试这些决定

上传透明底标志,选画面和配乐,序列会自动按音乐的节拍标记剪好。换一帧画面、调一下标志大小、再导出一次——五个决定可以在一个下午里测完,而不是走一轮设计评审,而且发布期内 720p、1080p 和 4K 导出全部免费。

如何使用

1

Upload your logo

McDonald's logo
2

Choose frames

McDonald's logo animation frame 1 — beat-synced logo video templateMcDonald's logo animation frame 2 — beat-synced logo video templateMcDonald's logo animation frame 3 — beat-synced logo video templateMcDonald's logo animation frame 4 — beat-synced logo video template
3

Download your video

Why animate your logo

动画标志设计通常被归到软件那一类里,而这是第一个错的方向。工具是简单的部分——任何时间轴都能让一个形状动起来,任何模板都能提供一个入场。真正的工作是在任何一帧动起来之前就要做好的一小组决定:标志缩小时扛不扛得住、由哪一个节拍承担入场、落定停在哪里、停留跑多久,以及这件作品到底有没有声音。这五个答案决定了结果读起来是一个设计过的品牌资产,还是一个别人做了动画的文件。

轮廓决定排在第一,因为它后面补不回来。一个在 40 像素下读得出来的标志,动起来时也读得出来;一个在那个尺寸下糊成灰团的标志,在运动中会糊得更快,因为眼睛用来分辨它的时间更少了。在挑选风格、帧数或配乐之前,先按手机真实显示的尺寸把标志测一遍,就能去掉这个品类里大多数令人失望的结果。

第二个决定是分配。一条品牌开场不是音乐录影带,而“让标志在每个节拍上都有事做”这个本能,正是动画标志设计最常见的错误。行得通的那一版,把一个动作分给入场,一个分给落定,之后的节拍一个都不给。静止不是空白,它正是让这段运动产生意义的那部分设计。

然后是落定,这也是动画标志设计与动画这门手艺差别最大的地方。一段缓出却始终没真正到达的动作读起来像漂移,而漂移即使时序在数学上正确,也读起来像没做完。把落定停在下拍的一张硬帧上并停在那里,这是一个关于自信的决定,而不是关于软件的决定。如果那个停顿看着太突兀,该调的是更短的入场,而不是更软的结尾。

停留是最后一个决定,也是视频一超时最先被砍掉的那个。半秒是让人在一臂之外的手机上读出品牌名的最低要求,在每秒 30 帧下就是 15 帧的静止——对做动画的人来说这个时长显得过长,对看动画的人来说却几乎是转瞬即逝。刻意地去设计这段静止,才是把一个会动的标志变成一个品牌能用上好多年的动画标志设计的原因。

适合

正在定义动效规范的品牌品牌重塑与标志更新正在撰写规范的设计团队没有动效设计师的创始人代理商的概念提案轮给整个团队的社媒模板

常见问题

好的动画标志设计靠什么?

四件事承担了大部分工作:标志在动的时候依然清晰可辨,入场在一秒内结束,落定停在一个强拍上而不是缓着停下来,停留长到能读出品牌名。四条都满足的动作读起来像设计过;漏掉停留的那条读起来像模板。

动画标志应该多长?

社媒开场 2 到 4 秒,其中入场大约半秒、落定踩在下拍上、停留至少半秒。频道开场和活动大屏可以做到 5 到 8 秒,因为观众已经决定要看下去。无论哪一种,入场本身都应该在一秒内结束。

动作应该来自标志本身,还是被套到标志上?

来自标志本身。一个从标志自身几何推导出动作的动画标志设计——一段弧线的曲率、一笔笔画的重量、一个形状闭合的方式——看起来是必然如此。从一种标志从未被设计过的风格里搬来的动作,看起来是被贴上去的,而观众说不出原因也能察觉到差别。

做动画标志需要动效设计师吗?

如果是围绕标志几何定制的专属序列,有帮助。但对于多数品牌每周真正要发的那条开场,不需要:一旦画面和配乐选定,时序决定就是机械性的,浏览器工具会把序列剪到节拍标记上,不需要时间轴,不需要关键帧编辑器,也不需要渲染队列。

一个品牌需要几个动画标志版本?

三个几乎能覆盖全部场景:一个 2 到 4 秒的社媒开场,一个给网站和邮件签名用的静音循环,一个给频道开场和活动大屏用的五秒版本。三者出自同样的画面、同样的配乐和同样的标志大小,这正是让品牌在它们之间保持一致的原因。

来自博客

面向动态优先品牌的工作流程、参考资料和策略。

Video is where customers are: 91% of businesses use video as a marketing tool (Wyzowl), and Wistia's retention data shows a short, branded opener keeps viewers longer than a static frame.

已被 15,000+ 新品牌信赖

Create your mcdonald's logo video

Upload your logo, pick a few frames, and export a vertical brand video in minutes.