滑らかな動きが気持ちいい、GIFアニメーションをつかったロゴデザインをまとめています。

 

 

これまでビデオ動画などで利用されてきましたが、最近のリニューアルで披露されたFubizのロゴや、クリックするまでアニメーションが隠されているCSS-Tricks、またループ無しのDavid Stanfieldのロゴなど、アニメーションロゴを導入するサイトも増えています。

 

 

GIFアニメーションの他に、CSSやSVGで表現されているケースも多く、よりユーザーの注目をあつめることができる、新しいデザインテクニックと言えるでしょう。

 

 

 

詳細は以下から。

 

 

 

GIFアニメーションが気持ちいい、ロゴデザイン28個まとめ

 

ファイル容量が大きく、ページ読み込みに時間がかかります。しばらく経ってからスクロールするといいかもしれません。

 

Fubiz – Logo and Loader Animations

 

 

 

Macaw Logo Build v2

 

 

 

Riksteatret

 

 

 

The Swedish History Museum

 

 

 

Hotel Koster

 

 

 

Feral Sphere

 

 

 

4B Arkitekter

 

 

 

Calibre Club – Logo Animation 2

 

 

 

Untime Blog GIF

 

 

 

Yondr Studio

 

 

 

University of the Arts Helsinki

 

 

 

Shazam Logo COncept

 

 

 

BANG PR

 

 

 

Vitenparken

 

 

 

Ideo Architekci

 

 

 

Echo Capital

 

 

 

Momentum Dynamic Logo Design Animated

 

 

 

Flight PR

 

 

 

Haverstock

 

 

 

Sweet Crude Logo Animated

 

 

 

Hay-Market

 

 

 

Giant Owl Productions

 

 

 

Blend: Save the Date

 

 

 

Redefine Hackathon 2.0

 

 

 

Hype Logo Animation

 

 

 

Cub Process

 

 

 

Rocketgraph – Logo Animation GIF

 

 

 

Put Love in Your Work

 

 

参照元リンク : The Best of BP&O – Animated Logos – BP&O

参照元リンク : Inspiring Examples of Subtly Animated Logos in Web Design – Speckyboy.com