Woops, I did it again! Ui motion effects to express meaning, functionality and most of all technical advantages when it about time to talk about multi branding
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 can be used to express visual meaning. Also, Motion is strictly related to Transition principles in order to function at its best.
Motion design helps to understand that a interaction can be feasible even in the smallest interactive moments (so-called micro-animations). 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 you an example I did for the company I work for, Beta 80, using Nexus Design System. Down below I designed the elements to match one of Beta 80's clients, Lumsa University. Here elements not only show the instant brand swap, but also they move within a page template.