How should you animate a Material Design dialog box?

I am writing an application with a Material Design layout but cannot find any guidelines on how to animate dialog boxes on screen.

This suggests that the box should just "ping" exist, but that seems to contradict the design idea, with its animation and tactile feel.

Does anyone have more information on what is the correct course of action?

Here are the specs for dialog boxes by the way: http://www.google.co.uk/design/spec/components/dialogs.html#dialogs-specs

+3


source to share


1 answer


I took a look at existing google apps and it seems that the dialog box disappears at full size. The transition is quite fast, for example 0.25 seconds.

If you go to Developer Options and change the window animation scale to 10x it will slow things down so you can see it clearly.

I selected Google Calendar> New Event, then select the various fields to see the dialog.



A screen recording was made here that shows an animation.

https://www.youtube.com/watch?v=jbU5yRhSbKg

+3


source







All Articles