Practical Tips for Great UI Animation | Pablo Stanley | Design Lead InVision Studio Platform

Learn practical tips to improve your UI micro-interactions, why animation is important, basic properties of what you can edit in UI animations, and recommended UI Animation Tools from Pablo Stanley Design Lead at InVision Studio Platform.

For the latest web design trends - follow us:

[Xrissofficial]

I love how nervous you are and how adorable you look. You did a fantastic job! Very helpful, useful and educational. Thank you very much <3

[paragsahu]

Loved the way he associates the types of animation with natural instincts!

[beastyshout]

Notes on animation usage:

Linear: Avoid unless you really need. (like in a loop, or something always supposed to be in the same speed and you don't see when it's entering or exiting the screen)

Ease in: At the beginning of the animation, when you have element that's exiting the screen.

Ease out: When an element is entering the screen.

Ease in & Out: When the element is always in the screen.

Spring: Use it sparingly.

[dhavalpawale]

Good luck to the developers who will be building these design animations.

[thinkingaloud]

i keep coming back to this lecture, in awe of the teaching style and associations and metaphorical use of daily life objects.

[plusign]

Pablo you're the best! Really miss your channel and content since you made the move to InVision...

[neoth]

As someone starting off in UI design, this is the best primer to great design practice

[sassisammi]

I've decided to call your UI Animation = "digital wayfinding" I love how you explained it should intelligently show the user where to go... Like great wayfinding in the physical world! It should 'enhance' the user journey!

[scottruigrok]

What a great guy, his character and personality make the very *useful* content he presents very funny to watch as well.

[Futurist_]

Loved the way you teach..its clear that no universities will teach you like these😍😍😍😍😍

[koko]

Must seen for every people who have to work with animations

[iandrabedin]

great talk! practical tips are at 30:00

[nmoschen]

This guy is a really great presenter! 👏👏

[nicklaniado]

What a great character.. Loves the energy and flow! Well done 👌

[raghavendravilasakavi]

indeed this the best seminar so far. Thanks :)

[pablocuesta]

Este chico es maravilla. Le pasa mucho que empieza trabado y con dudas, pero en cuanto coge carrerilla da gusto. Yo lo vi en una charla hace un año en Madrid y tuve la misma sensación. Ahora... cuando termina la ponencia tienes una sensación auténtica de haber abierto los ojos

[erhankbekar]

It was a very useful presentation, I had the opportunity to see most of the mistakes I made while creating animation. Thanks Awwwards Team

[ozzyfromspace]

I'm 24 and I love the Flinstones! It's not about age, it's about excellent taste 👌🏽🦕

[Dampealx]

That hair is everything, lol! Good to see you on this platform dude.

[MinaRivera]

Man XD has really evolved since this video has posted...