動畫 制作_您希望制作的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.pswp.cn/news/275015.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/275015.shtml
英文地址,請注明出處:http://en.pswp.cn/news/275015.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

NOIP訓練營集訓筆記—信息學基礎算法(倍增與分治算法

本文摘自清北OI學堂內部筆記,作者潘愷璠,來自柳鐵一中曾參加過清北訓練營提高組精英班,主要記錄的是信息學基礎算法。筆記非常詳細,特分享給大家! NOIP2019年夏令營正在報名中,6大校區10種班型,…

使用 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…

JavaScript邏輯運算符的使用技巧

前言 !, &&, || 三個運算符是JavaScript中重要的邏輯運算符,本文將介紹這三個運算符在JavaScript實際編程中的有趣使用技巧。 取反運算符(!) 如果對一個值連續做兩次取反運算,等于將其轉為對應的布爾值,與Bool…

如何接觸到最新的前端動態、最前沿的前端技術

眾所周知,關注公眾號可以了解學習掌握技術方向,學習優質好文,落實到自己項目中。還可以結交圈內好友,讓自己融入到積極上進的技術氛圍,促進自己的技術提升。話不多說,推薦這些優質前端公眾號前端有道社區活…

選擇控件— 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”是指帶有短手柄的開關,該開…

linux -- Linux diff與patch的深入分析

diff的輸出格式分為傳統格式和統一格式 1)diff的傳統格式輸出. ############################################ cat before.txt 輸出: This is a line to be deleted This is a line that will be changed This is a line that will be unchanged cat after.txt 輸出: This is …

shell命令之---sed

1. sed編輯器基礎 1.1 替換標記 命令格式:s/pattern/replacement/flags $ cat data4.txt    This is a test of the test script.    This is the second test of the test script.    有4種可用的替換標記: 數字,表明新文本將替…

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.用戶研究存在很多誤解,無論是驗證的概念還是一次性…

一場賽跑引起的并發知識

享學特邀作者:老顧前言我們小伙伴們是不是經常需要測試代碼的性能?小伙伴們是不是就會想到jmeter進行壓力測試一下,模擬N個用戶同時執行下,看看響應的時間多少。今天老顧就用一個經典的比賽案例,來嘗試自行編寫個比賽業…

oracle中使用子查詢為何取到大于自然數1 rownum 淺度解析

Oracle 沒有提供TOP N 語句,若希望按特定條件查詢前N 條記錄,可以使用偽列ROWNUM。 ROWNUM 是對結果集加的一個偽列,即先查到結果集之后再加上去的一個列(注意:先要 有結果集)。 rownum 的值是oracle 順序分配的從查詢返回的行的編…

巴克萊對沖_“巴克萊的財政預算案”:使金錢管理對心理健康有效—用戶體驗案例研究

巴克萊對沖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 參與&…

快速刪除數據庫中所有表中的數據

今天又學到一招,可以快速刪除數據庫中所有的用戶表中的數據。我是個菜鳥,望各位大神多多指教 select truncate table Name ; from sysobjects where xtypeU order by name asc; 該條語句執行之后會將數據庫中所有的表都查詢出來,復制出來之…

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 版本更新換代極快,難以計數…

時間續

mois : janvier fvrier mars avril mai juin juillet aot septembre octobre novembre dcembre semaine : lundi mardi mercredi jeudi vendredi samedi dimanche 轉載于:https://www.cnblogs.com/lavieenrose/archive/2012/02/18/2357597.html

nginx修改upstream不重啟的方法(ngx_http_dyups_module模塊)

為什么80%的碼農都做不了架構師?>>> nginx很強大,第三方模塊也不少,淘寶在nginx上很活躍,特別是章亦春,他參與的模塊至少10, 好了今天主角不是他,是一款動態配置upstream的模塊,這個…