It's been a long time and I stop working on this material.
My core business is Design System to build awesome web or native apps with visual consistency. To do so, I need to express a Design System advantages, like the Multi Brand, with video effects. Yes indeed, I do enjoy video editing Ui elements like Buttons, Card, Inputs and so on.
Motion Design specializes an application to indicate a relation among elements, possible actions and results of the actions themselves. It helps users's eye to keep the focus and it prevents distraction. Studies, research and applications in the field have demonstrated that animations make the interface understandable as well as expressive for the brand itself, which manages to integrate it as a pillar of its foundation. Motion Design helps to understand that interactions can be feasible even in the smallest interactive moments, so called micro-animations. Motion can be used to express visual meaning. Also, Motion is strictly related to Transition principles in order to function at its best
Motion can be used to express visual meaning. Also, Motion is strictly related to Transition principles in order to function at its best.
Studies, research and applications show that animations make the interface not only understandable, but also expressive in terms of branding. Elements on their own are not effective, unless we place them into a layout to create visual meaning like transitions and affordance 🔥 For instance a list of Cards within a primary content help users to navigate and explore in a way to help users make an easy scan of all the options available, and therefore to favor a so-called "decision making" 🧑🏻💻
Let me give an example I did using Nexus Design System. With the help of Nexus's web app product Nexa, I designed the elements to match one of Beta 80's clients, Lumsa University. In the video down below elements not only show the instant brand swap, but also they move within a page template.