What does Disney know about interface animation anyway?

They teach us how to communicate with animation

A button hover animated with a simple ease out.
The same button hover animated with a decaying bounce.
A bold, sans serif headline.
The same headline done in a script typeface instead.

They give us a vocabulary for discussing animation

But we have to take the classic principles one step further

  1. Originally published at valhead.com
  2. Thanks to Sarah Drasner for her help reviewing this article!

--

--

--

Web/UI animation pro. Author of Designing Interface Animation. Curates the uianimationnewsletter.com, co-hosts @motionmeaning.

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Val Head

Val Head

Web/UI animation pro. Author of Designing Interface Animation. Curates the uianimationnewsletter.com, co-hosts @motionmeaning.

More from Medium

User Interface Revamp | Burger King App Singapore

HTML Simplified

A cat working on a laptop

What to Expect in the Web Design Process

4 Ways to Make Mobile Apps More Accessible