介面設計靈感 #2「45 組令人驚艷的 Icon Animation」

不定時整理一次的設計靈感分享，靈感來自全世界那些厲害的設計師，如果你喜歡我們的分享，歡迎關注我們的Facebook 粉絲團！

上一期我們介紹「Diffuse shadow」，本期我們精選出 45 組非常有創意的圖示變形動畫，創意靈感大噴發！

Goolge Design 在 Animation : Delightful details 一節中也有提到類似的設計概念，建議大家可以去看看這篇文章的介紹喔 :D

Google Design Animation : Delightful details
https://www.google.com/design/spec/animation/delightful-details.html

via Google design

via https://think360studio.com/ux-delight-eighth-step-of-ux-strategy-from-start-to-launch-a-product/

E-burger by Fausto Renier

Open & Close & Smash by Chuan²

Ham Burger Menu Experiment by Naseer Ahmed

Hamburger button by Kirill

Menu icon transition concept by Giorgio Sannino

Map To List view by sandeep virk

Shut Up by Creativedash

Mic icon animation by Srikant Shetty

Play & Pause by Creativedash

Play & Pause Animation by Kreativa Studio

Search by Andreas Storm

Searching for something by Ivan Radovic

Open & Close Source by Creativedash

Search by sandeep virk

Menu Animation by Warren Lebovics

Animated Menu Icon by Kenny Sing

Back to Close by sandeep virk

Bouncy Burger X by Ivan Radovic

Menu open & close by Tamino Martinius

On & Off by Creativedash

Add & Remove by Ricky Boyce

On & Off by chenlong

Add Remove by Mike DiLuigi

Check In by Hector Heredia

Material Design Experiment by Arjun Kani

Menu to X Animation by Jeffrey Smith

Menu Animation by Sven Salmonsson

hamburger menuby Tamas Kojo

Animated Menu Icon by Dzenartovich

Icon side menu & close by Alexis Doreau

Menu icon transition by Andrea Galanti

Hamburger to Close by Punna Jagadeesh

Open & Close Menu by Romain Passelande

Hamburger and cola by Oleg Frolov

Hamburger and close by Oleg Frolov

by ui.cn VicG

Open Menu by Emanuel Wolford

Open & Close (Menu) by Diego Magnani

Force touch menu toggle by Paulo

Burger Flip by Brett Lair

以上就是本期的靈感分享啦，如果你喜歡我們的分享，分享給更多的朋友知道，或者關注我們的粉絲團！我們每日固定會分享一則精選文章與交互設計案例哦。

《交互設計案例分享 Weekly #1》
https://goo.gl/HH6hJ0

《交互設計案例分享 Weekly #2》
https://goo.gl/PGHsxO

《交互設計案例分享 Weekly #3》
https://goo.gl/cFbjPr

《交互設計案例分享 Weekly #4》
https://goo.gl/uyA7xE

《介面設計靈感 #1「Diffuse shadow」》
https://goo.gl/gni2ml