人々にインパクトを与えるロゴを作るのは骨の折れる作業ですが、さらにそこに「動き」を加えるのは至難の業。しかし、うまくいけば見ている人にメッセージを伝えつつロゴを「魅せる」ことも可能ということで、ニュースサイトのMediumがMuzli Design Inspiration上で公開されている秀逸なロゴ20選を公開しています。

Logo Animations - Muzli -Design Inspiration - Medium

https://medium.com/muzli-design-inspiration/logo-animations-9b018e3d76c3

ロゴのアニメーション集は以下から。画像をクリックするとアニメーションが確認できます。

◆01：Google(ロゴマーク元)／Adam Grabowski(作者)

2015年にGoogleが2年ぶりに刷新したロゴデザイン。4つのドットが緩やかに波打っている時は「話を聞ける状態だよ」ということを示すなど、ドットの動きで音声検索の状態を教えてくれます。



◆02：DesignersMX／Seth Eckert

自分がデザインした作品を公開したり、求めるデザイナーを探せるウェブサイトDesignersMXのロゴは、勢いがあるポップな動き。



◆03：Motion Authors Animation Studio／Valentin Kirilov

アニメーション・スタジオのMotion Authorsのロゴは、再生ボタンのアイコンが勢いよく動くアニメーション。



◆04：Muzli Design Inspiration／Reuben Rosh

デザインに関する記事を掲載するMuzli Design Inspirationはロゴの頭文字「M」が朝食になるデザイン。朝食がわりにネタをどうぞ、という意味かも。



◆05：Muzli Design Inspiration／Tony Babel

また、宇宙人に「M」が連れ去られそうになるデザインのロゴもあります。



◆06：Focus Lab／William Kesling

Focus Labの運営するサービスの1つ500pxは、「500px」の文字が以下のような形に変形。



◆07：IKEA／Nikita Melnikov

いわずと知れたIKEAのロゴのアニメーションもあります。



◆08：コンセプトデザイン／SFCD

「P」の文字が本のように開くコンセプトデザイン。



◆09：Ask Me Anything／David Stanfield

ビル・ゲイツやCERNも質問に答えた、海外掲示板redditで開催される有名人Q＆Aコーナーの「AMA(Ask Me Anything)のロゴのアニメーションはこんな感じ。



◆10：Rocketgraph／Tony Pinkevich

自分が運営するサービスがSNS上でどのように見られているのかを解析してくれるRocketgraphのロゴはその名の通り、ロケットが発射するアニメーションになっています。



◆11：Macaw／Joe Ski

コードを「書く」ことなく直接「描く」ことでウェブサイトが作れるようになるツール「Macaw」のロゴアニメーション。



◆12：Blend／Jorge R Canedo Estrada

デザインを愛する人のためのコミュニティ「Blend」のロゴアニメーションはワイングラスが頭文字の「b」に変形します。



◆13：Giphy City／Something Savage

夜景の中にGiphyのロゴマークが現れるデザイン。色もウェブサイトのテーマカラーと同色でまとめられていて、「City」のイメージもばっちり伝えています。



◆14：Kevin Yang

デザイナーであるKevin Yangさんの名前のロゴ。特徴ある「Y」の文字がアニメーションになっています。



◆15：Craft Fig.／buatoom

Craft Fig.のアニメーションは勢いよくロゴの文字が書かれるというシンプルかつ印象的なもの。



◆16：Scout ／Dave Chenell

テクノロジーの未来について毎週記事を公開するScoutのロゴアニメーション。「ジャーナリズムとSFを融合したウェブサイト」のテーマ通り、少しSFちっくな雰囲気です。



◆17：Fubiz Media／Mattias Peresini

ニュースサイトFubiz Mediaのロゴは文字がヘルメットやコンポなど、さまざなまアイテムに変形していきます。



◆18：Fubiz Media／Mattrunks

上記と同じくFubiz Mediaのアニメーション。「f」を囲む円が美しく揺れ動きます。



◆19：Fubiz Media／Mattrunks

さらに、幾何学模様がまるでディズニーのアニメ―ションのような動きを見せたり……



◆20：Fubiz Media／Mattrunks

ウォーリーみたいなキャラクターが登場したりしました。