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

animation-logo-top (1)

 

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

 

 

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

 

 

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

 

 

 

詳細は以下から。

 

 

 

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

 

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

 

Fubiz – Logo and Loader Animations

FUBIZ

 

 

 

Macaw Logo Build v2

macaw-logo-build-animated

 

 

 

Riksteatret

01_Riksteatret_Logo_by_Bleed_on_BPO1

 

 

 

The Swedish History Museum

Historiska-Logo-by-Bold-on-BPO

 

 

 

Hotel Koster

04-Bedow-Hotel-Koster-Logo-Animation-on-BPO

 

 

 

Feral Sphere

00_Feral_Sphere_Logo_Mind_BPO1

 

 

 

4B Arkitekter

11-4B-Arkitekter-Brand-Identity-Logo-Animation-Commando-Group-BPO

 

 

 

Calibre Club – Logo Animation 2

calibre-club-logo

 

 

 

Untime Blog GIF

untime-logo-animation

 

 

 

Yondr Studio

Yondr-Studio-Logo-Design

 

 

 

University of the Arts Helsinki

University-of-the-Arts-Helsinki-Logo

 

 

 

Shazam Logo COncept

shazam-logo-dr

 

 

 

BANG PR

01-Bang-PR-Logo-designed-by-Re-on-BPO

 

 

 

Vitenparken

03_Vitenparken_Logo_by_Bielke+Yang_on_BPO

 

 

 

Ideo Architekci

00_Ideo_Architekci_Logo_For_Brands

 

 

 

Echo Capital

Echo-Capital-Logo-Animation-Truf

 

 

 

Momentum Dynamic Logo Design Animated

Momentum-Dynamic-Logo-Design-animated

 

 

 

Flight PR

Flight-Animated-Logo

 

 

 

Haverstock

Haverstock-Animated-Logo-by-Spy-on-BPO

 

 

 

Sweet Crude Logo Animated

sweet-crude-logo-animated

 

 

 

Hay-Market

Hay-Market-Logo-Foreign-Policy-Animated-Logo

 

 

 

Giant Owl Productions

01_Giant_Owl_Animated_Logo_by_Alphabetical_on_BPO

 

 

 

Blend: Save the Date

jorges_dribbble

 

 

 

Redefine Hackathon 2.0

redefine-black

 

 

 

Hype Logo Animation

hype-logo-dribbble

 

 

 

Cub Process

group_1

 

 

 

Rocketgraph – Logo Animation GIF

02-rocketgraph_logoanimation_dribble_v2

 

 

 

Put Love in Your Work

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