动画 制作_您希望制作的10个醒目的徽标动画

动画 制作

重点 (Top highlight)

标志设计 (Logo Design)

Have you ever watched paint dry? No? I didn’t think so. How about watched a turtle crossing the road? Probably not. Maybe spent an hour standing in line at the post office? Well that’s pretty likely. But isn’t it so boring?

你看过油漆干吗? 没有? 我不这么认为。 看着乌龟过马路怎么样? 可能不是。 也许花一个小时在邮局排队吗? 好吧,这很有可能。 但这不是很无聊吗?

Without movement, things lose their buzz. Motion is exciting. It often tells a story that text or static images could not do alone. That’s why animated logos have taken a rise in the last few years.

没有运动,事情就会失去嗡嗡声。 动作令人兴奋。 它经常讲述一个故事,即文本或静态图像不能单独完成。 这就是为什么动画徽标在最近几年中呈上升趋势的原因。

为什么要为徽标制作动画 (Why animate a logo)

Our eyes gravitate to things that move. Large corporations like Google have invested time and money in giving their logo a life of its own. Google’s Daily Doodles are displayed on their homepage. It separates the top search engine from others and only deepens their brand value to the communities it serves.

我们的目光吸引了动静的事物。 像Google这样的大公司已经投入了时间和金钱来赋予其徽标以自己的生命。 Google的每日涂鸦显示在其首页上。 它将顶级搜索引擎与其他搜索引擎分开,仅将其品牌价值加深到其服务的社区。

Image for post
Google celebrated Mother’s Day with this lovely animationGoogle以可爱的动画庆祝母亲节

The animations don’t drive sales, improve traffic, or guarantee customers. However, the consistency and quality of the Daily Doodles change how we think of Google. They humanize the company.

动画不会推动销售,提高流量或保证客户。 但是,Daily Doodles的一致性和质量改变了我们对Google的看法。 他们使公司人性化。

The investment is not for short term profits, but to increase brand longevity. The benefits of an animated logo go deeper than money:

该投资不是为了短期利润,而是为了增加品牌寿命。 动画徽标的好处比金钱更重要:

  • Stand out amongst direct and indirect competitors — we are seeing more companies use simple shapes and structures in their logo. Colors have also been toned down and limited to the primary group. It can be all too easy for logos to share a common thread in their appearance. Adding animation can set your logo apart.

    直接和间接竞争者中脱颖而出 -我们看到越来越多的公司在徽标中使用简单的形状和结构。 颜色也已调低,仅限于主要人群。 徽标在外观上共享一个公共线程可能太容易了。 添加动画可以将徽标分开。

Image for post
Don’t these logos share an eerily similar style? In 2017, PayPal filed a lawsuit against Pandora over the similarity
这些徽标难道不具有相似的风格吗? 2017年, 贝宝(PayPal)就相似之处向潘多拉(Pandora)提起诉讼
  • Capture your visitor’s attention — With so many product options out there, companies have only seconds to share who they are. People will remember your brand if you send a strong signal at the beginning.

    吸引您的访客的注意力 -有了如此众多的产品选择,公司仅需几秒钟即可分享他们的身份。 如果您在一开始就发出强烈的信号,人们就会记住您的品牌。

  • Evoke emotions — you want people to feel something when they come in contact with any touchpoint of your brand. Of course you want those emotions to always be positive. With animation you can trigger surprise, excitement, and other positive emotions.

    唤起情感 -您希望人们在与您品牌的任何接触点接触时都能感受到某种感觉。 当然,您希望这些情绪始终是积极的。 借助动画,您可以引发惊喜,兴奋和其他积极情绪。

  • Communicate your story — a strong story is easier to relate to. If you can quickly share who your company is, the value you bring, and what you care about, customers are more likely to connect with your brand.

    交流您的故事 -精彩的故事更容易讲述。 如果您可以快速分享您的公司,您带来的价值以及您关心的是什么,则客户更有可能与您的品牌建立联系。

Image for post
Hamza Ouaziz takes 5 seconds to share PayPal’s story and missionHamza Ouaziz制作的动画耗时5秒分享PayPal的故事和任务

You do not need to be a billion-dollar company to transform your logo into something exciting. Animations look great on any logo! Here are some to inspire you:

您无需成为一家市值十亿美元的公司,即可将您的徽标转变为令人兴奋的东西。 动画在任何徽标上看起来都很棒! 以下是一些启发您的方法:

1.)好习惯 by Wevoke (1.) Goodhabitz by Wevoke)

Doesn’t it just look amazing when a logo’s proportions are all in check? Each letter extends perfectly to its cap line and falls on the baseline just as well. The structure of a design will either make or break an animation. Now that’s a good habit to never break.

当徽标的比例全部受到控制时,它看起来并不令人惊奇吗? 每个字母都完美地延伸到其上限线,并且也落在基线上。 设计的结构将制作或破坏动画。 现在,这是一个永不中断的好习惯。

Image for post
Goodhabitz by Wevoke的WevokeGoodhabitz

2.) Mate Miminoshvili的 台球 (2.) Billiards by Mate Miminoshvili)

A direct shot into the corner pocket! This animation by Mate Miminoshvili is playful and physics induced. The transformations of the B and the dot over the first “i” into the white ball was nothing short of spectacular.

直接射入角口袋! Mate Miminoshvili的动画很有趣,而且是物理诱发的。 B和第一个“ i”上的点到白球的变换简直是壮观。

Image for post
Billiards by 台球 Mate MiminoshviliMate Miminoshvili

3.) Tubik的Gotikket (3.) Gotikket by Tubik)

Some logo animations just make you feel happy inside. Maybe it’s the smile, but I love this little face! Gotikket is an easy-to-use service helping travelers stay covered as they get to their destinations.

一些徽标动画只会使您内心感到高兴。 也许是微笑,但我喜欢这张小脸! Gotikket是一项易于使用的服务,可帮助旅行者在到达目的地时保持掩护。

Image for post
Gotikket by 图比克的TubikGotikket

4.) 匹标志由匹 (4.) Pivotal Logo by Pivotal)

Now this is how you make a splash with your debut logo. Did you catch the fading debris at the end?

现在,这就是您如何用首次亮相的徽标引起轰动的方式。 末尾您是否捕捉到了褪色的碎片?

Image for post
Pivotal Logo by 关键标志由Pivotal枢纽

5.) FourPlus Studios提供的 FourPlus Studio标志动画 (5.) FourPlus Studio Logo Animation by FourPlus Studios)

The almighty infinite loop. I could just stare at it for days. This is a very smooth animation. Do you guys notice the pull and shadow around each curve? The attention to detail delivers this one flawlessly.

万能的无限循环。 我可以盯着它看几天。 这是一个非常流畅的动画。 你们注意到每个曲线周围的拉力和阴影了吗? 对细节的关注完美地体现了这一点。

Image for post
FourPlus Studio Logo Animation by FourPlus Studios的 FourPlus StudiosFourPlus Studio标志动画

6.) Brien Hopkins的 AI徽标和动画 (6.) A.I. Logo & Animation by Brien Hopkins)

Usually you don’t want a logo up for interpretation. Keeping it simple and straightforward eliminates confusion, but this one… this is just fun. What do you see? A cube? A fingerprint? A maze?

通常,您不希望徽标用于解释。 保持简单明了可以消除混乱,但是这一点……这很有趣。 你看到了什么? 一个立方体? 指纹? 迷宫?

Image for post
A.I. Logo & Animation by Brien Hopkins的 Brien HopkinsAI徽标和动画

7.) 百老汇大道368号 Casey Neistat概念徽标 by Julien (7.) 368 Broadway Av. Casey Neistat Concept Logo by Julien)

Wait until the end. Nothing fancy or explosive. Just some good old fashion squares and numbers. Sometimes that’s all it takes.

等到最后。 没有幻想或爆炸。 只是一些很好的旧时尚方块和数字。 有时,仅此而已。

Image for post
368 Broadway Av. Casey Neistat Concept Logo by Julien
百老汇大道368号 Casey Neistat概念徽标 by Julien

8.) 易趣由Cyrill Durigon (8.) Ebay by Cyrill Durigon)

Cyrill brings us into the future with this one and expands the well-known eBay color scheme into a palette fit for an eCommerce giant.

Cyrill借助此工具将我们带入了未来,并将著名的eBay配色方案扩展为适合电子商务巨头的调色板。

Image for post
Ebay by 易趣 ( Cyrill DurigonCyrill Durigon)

9.) 芥末媒体徽标 , 詹姆斯·大卫·霍顿 ( James David Horton) (9.) Mustard Media Logo by James David Horton)

Isn’t it amazing the things a designer can conjure up with one shape? Very reminiscent of the TARS robot from Interstellar. If you haven’t seen the movie, do yourself a favor. Grab a box of tissues and then go see it.

设计师可以用一种形状来构想的东西难道令人惊讶吗? 非常让人联想到《星际穿越》中的TARS机器人。 如果您还没有看过电影,请帮个忙。 拿一盒纸巾,然后去看看。

Image for post
Image for post
Mustard Media Logo by James David Horton
詹姆斯·大卫·霍顿 ( James David Horton)的 Mustard Media徽标

10.) 三星 ( Pavel Pavlov) (10.) ThreeStars by Pavel Pavlov)

I love that we get a bit of the process on this one. Notice that the finished design is not a blatant visual representation of the brand name. Instead the abstract shape provides a unique identity and moves away from the obvious.

我喜欢我们对此进行了一些处理。 请注意,完成的设计不是品牌名称的醒目外观。 取而代之的是,抽象形状提供了唯一的标识,并远离明显的形状。

Image for post
ThreeStars by Pavel Pavlov的 Pavel PavlovThreeStars

A logo animation depends on factors like the product or service, nature of the brand, and so on. Crafting a logo is a job for a skilled graphic designer. An animator or a motion graphics expert takes that skillset to the next level.

徽标动画取决于产品或服务,品牌性质等因素。 制作徽标是熟练的图形设计师的工作。 动画师或运动图形专家会将技能提升到新的水平。

Sure an animated logo looks fancy but it leaves an impression in a person’s mind. Anything that sets your business apart is something to look in to. Hopefully these inspired you to give your designs some new energy.

当然,动画徽标看上去很漂亮,但是却给人留下了深刻的印象。 任何使您的业务脱颖而出的事情都值得一看。 希望这些启发您为您的设计注入新的活力。

If I had to pick my top 3, it would be tough but numbers 9, 7, and 6 in that order were my favorites. What about you? Let me know in the comments.

如果必须选出我的前三名,那将是艰难的,但是按顺序排列的数字9、7和6是我的最爱。 你呢? 在评论中让我知道。

翻译自: https://uxdesign.cc/10-eye-catching-logo-animations-youll-wish-you-made-a28f444f5e67

动画 制作

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275015.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用 CSS 用户选择控制选择

IE10 平台预览 4 包括一个新的 CSS 属性的支持-ms-user-select,这使得 Web 开发者控制完全可以选择什么的文本,在其网站上更容易。如果你是看我一整天都在我的工作站,您会注意到我读计算机上时,我选择的文本。我不是只有一个人读起…

一个在校的普通前端小姐姐的2021

大家好,我是若川。这是我的源码共读群里一个大三的前端小姐姐(小曹同学)的年度总结。她写了5篇源码笔记。同时做了很多项目,获得了很多奖。而且策划和建立了学校工作室的前端训练营,40人报名参加。总之就是现在的大学生…

按钮 交互_SwiftUI中的微交互—菜单按钮动画

按钮 交互Microinteractions have become increasingly important in a world with a dizzying number of digital platforms and an ocean of content. While microinteractions used to be considered an interesting resource in the early days of digital design, in toda…

选择控件— UI组件系列

重点 (Top highlight)The word “toggle” is a reference to a switch with a short handle that alternates between two states each time it is activated. You encounter it every time you “switch” on the lights.单词“ toggle”是指带有短手柄的开关,该开…

SEE Conf: Umi 4 设计思路文字稿

大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。复制此链接 https:…

用户体验改善案例_改善用户体验研究的5种习惯

用户体验改善案例There’s plenty of misunderstanding around user research, whether it’s the concept of validation or one-off anecdotes being thrown around as concrete evidence for a product decision.用户研究存在很多误解,无论是验证的概念还是一次性…

巴克莱对冲_“巴克莱的财政预算案”:使金钱管理对心理健康有效—用户体验案例研究

巴克莱对冲Disclaimer: all official Barclays assets used for this project are purely for educational/project purposes only and do not reflect the intentions of Barclays or any of its affiliates.免责声明:用于此项目的所有官方巴克莱资产纯粹是出于教育…

6 个对所有 Web 开发者都有用的 GitHub 仓库

作者:Mehdi Aoussiad原文:https://javascript.plainenglish.io/6-useful-github-repositories-for-all-web-developers-44f26912fd66大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与&…

openfiler的iSCSI配置(二)

为什么80%的码农都做不了架构师?>>> 一.openfiler iSCSI配置 1.启动iSCSI target server服务。在Services列表下。 2.设置访问列表。在System---Network Access Configuration下设置。 3.创建卷设备 二.ISCSI客户端配置 1.安装open-iscsi # apt-get ins…

送你一份用Electron开发桌面应用的避坑指南【送3本书,含犀牛书】

大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,新年第一次送3本书。抽奖规则见文末。如今,Electron 领域发生了重大的变革,Electron 版本更新换代极快,难以计数…

nginx修改upstream不重启的方法(ngx_http_dyups_module模块)

为什么80%的码农都做不了架构师?>>> nginx很强大,第三方模块也不少,淘宝在nginx上很活跃,特别是章亦春,他参与的模块至少10, 好了今天主角不是他,是一款动态配置upstream的模块,这个…

c# 设计原则需要学习吗_向最好的学习:产品设计原则

c# 设计原则需要学习吗重点 (Top highlight)In my job as Design Team Lead at SimpleSite, I’ve recently been part of creating a set of Product Design Principles. In this process, I spent a lot of time studying the theory, learning about best practices, and ge…

Node.js 2021年开发者报告解读

大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。很多人觉得Node.js…

搭建nginx反向代理用做内网域名转发

为什么80%的码农都做不了架构师?>>> 情景 由于公司内网有多台服务器的http服务要映射到公司外网静态IP,如果用路由的端口映射来做,就只能一台内网服务器的80端口映射到外网80端口,其他服务器的80端口只能映射到外网的…

外国经典儿童读物合集pdf_帮助父母在线购买儿童读物–用户体验案例研究

外国经典儿童读物合集pdfTŤ As our first group project at GA, we needed to quickly learn how to use several online tools that helped our team of 4 collaborate and communicate while socially distant. Despite the rather extreme circumstances our team was stil…

如何优雅处理 async await 错误——解读小而美的 await-to-js 库

大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。这是源码共读活动第…

同态加法_同态的Spotify

同态加法重点 (Top highlight)When neumorphism was predicted to be one of the top 2020 UI design trends, I wanted to give it a shot. Having said that, I wanted to explore a type that had not gone overboard, neumorphism in Dark Mode.当neumorphism预计为顶部202…

ubuntu清除无效的右键打开方式

为什么80%的码农都做不了架构师?>>> 今天安装了几个程序又将它们删除了之后发现了一个比较严重的后遗症,在相关文件右键打开方式中出现了许多实际已经不存在的文件打开程序名。想了多种方法去除,可是效果不佳,最终采用…

新一代的编译工具 SWC,97年小哥写的~

大家好,我是若川。持续组织了5个月源码共读活动,感兴趣的可以点此加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步。同时极力推荐订阅我写的《学习源码整体架构系列》 包含20余篇源码文章。最近前端圈掀起了一…

粉红噪音_粉红的常绿力量

粉红噪音I use Instagram. But I don’t use Instagram in the way that my daughters, who are 21 and 14, use Instagram. More to the point, Instagram doesn’t use me in quite the same way it uses my daughters.我使用Instagram。 但是,我不会像21岁和14岁…