The ultimate guide to proper use of animation in UX


34 bookmarks. First posted by skoolbus39 16 days ago.


For the animation not to look mechanical and artificial, the object should move with some acceleration or deceleration — just like all live objects in the physical world.
shared  ux  web_development  design 
3 days ago by n8kowald
In this article I want to collect all the main principles & rules in one place, so that other designers who want to start animating interfaces don’t have to search for additional information.
animation  design  ux  best-practices  animations  reference  css  guide  interactive 
3 days ago by bechster
By Taras Skytskyi - Sep 4, 2018
articles  animation  principles  UI 
7 days ago by mycotn
Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While…
bwg-links 
8 days ago by davidhellmann
Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. While…
design  ux  animation  animations  best-practices  reference  css  examples  guide  interactive 
9 days ago by atran
Шикарнейшая памятка по работе с интерфейсной анимацией от Taras Skytskyi. Он обозревает реальные ситуации в работе с цифровыми продуктами, а не абстрактные законы из мира классической анимации и всё это на наглядных примерах.
UX  animation  reference  must  issue 
9 days ago by jvetrau
This can also be applied to different cards or objects that appear from the outside of the screen.
animation  design  ux  medium 
11 days ago by jbilsten
Nowadays it’s hard to impress or even surprise with an interface animation. It shows interactions between screens, explains how to use the application or simply directs a user’s attention. via Pocket
14 days ago by laurajnash