Motion is one of the biggest parts in creating an interactive UI, if not biggest. Doing it wrong or overdo it could spell a big disaster to the overall feeling one application gives to its users.
- Exiting and closing can have a higher speed than the opening animation. As it requires less user attention than the user's next task.
Relatively, animation of small area should use a shorter duration than those that traverse larger areas. For example, animation for icon has a duration of 100ms while a full screen popup could use 300ms.
Animation duration is best around 300ms. Make it shorter for a bolder feel, longer for a more relaxed effect.
Determine the orientation to use by considering the motion of an expanding surface. The arc should match the primary scrolling axis of the UI. For example, a card in a vertically scrolling UI will expand using a vertical out arc. When the card collapses, the motion reverses, first moving vertically and then horizontally.
The Motion teaches tons of lesson that make sense and was a little bit overwhelming for my current standard to absorb it all. Definitely coming back to revise this chapter again when I had more experience in UX design. Great read!
Posted from my blog with SteemPress : https://fr3eze.vornix.blog/material-design-motion-note/
Which software do you advise for the development of the design of an application?
Not sure which application you talking about. If that's a web app, I think nothing beats Webflow.
Posted using Partiko Android
Actually I’m using Adobe XD and Sketch.
Do you have a preference ?
I dont have experience using any of them and I gotta say I'm really green in web designing. But I heard of them as they are the most popular choices for prototyping. Webflow however, undergo the same process of using tool like Sketch but the difference is you are creating a real website in Webflow.
Hi @fr3eze!
Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 4.063 which ranks you at #3413 across all Steem accounts.
Your rank has dropped 7 places in the last three days (old rank 3406).
In our last Algorithmic Curation Round, consisting of 187 contributions, your post is ranked at #170.
Evaluation of your UA score:
Feel free to join our @steem-ua Discord server