Uploaded on Mar 20, 2020
PPT on All about Motion UI.
All about Motion UI.
All about Motion UI
Definition-1
• Motion UI is an independent SASS library intended to assist
designers with making custom UI liveliness and CSS advances.
Source: Google Images
Definition-2
• The Motion UI library on Github incorporates many progress
and liveliness classes to look over, which makes it simpler for
engineers to model their structures.
Source: Google Images
Fact-1
• In spite of the fact that the library is moderately new to the
website composition world, it's pressed loaded with open doors
for the individuals who need to upgrade and improve advanced
encounters.
• The library was made by one "ZURB"
one of the main plan organizations
for web UI.
Source: Google Images
Fact-2 (ZURB)
• ZURB's own Sass library that offers only adjustable changes
and liveliness for your site.
• These impacts are incorporated legitimately with Motion UI,
and this assists with making the activity procedure very
straightforward and time-successful.
Source: Google Images
Fact-3 (Transitions)
• Just like with advances you would use in a slide show or video,
the ones here are intended to enable the progress to procedure
of segments that are coming both all through your site.
• These can be utilized on an incredible combination of things,
included modals, overlays, thus significantly more.
Fact-4 (Animations)
• What's cool about the way Motion UI handles movements, is
that precisely the same impacts found for the changes can be
utilized here also.
• Also, when in doubt of thumb, all movements utilized inside
Motion UI are at first made with the mixin mui-animation().
Fact-5 (Series Animations)
• Along with standard, once movements, Motion UI additionally
enables you to invigorate numerous things in a set request that you
make.
• It's an unbelievably hand instrument on the off chance that you need
to enliven numerous things on the double in a particular request, and
it can really be very amusing to mess with.
Source: Google Images
Fact-6
• Motion UI encourages engineers to get moving immediately when you
need to make drawing in encounters for clients.
• The library is brimming with pre-made CSS classes which implies that
you can apply them to UX components as fast and flawlessly as could
be expected under the circumstances.
How to Apply-1
• The adaptability, straightforwardness and fascinating nature of Motion UI
make it an unquestionable requirement have device for some UI
designers.
• On the off chance that you definitely know the essentials of CSS,
JavaScript, and HTML, at that point you shouldn't experience a lot of
difficulty acing the potential outcomes of motion UI to give energizing
and paramount encounters to clients.
How to Apply-2
• Utilize your motion UI to invite clients onto a page and catch
their attention.
• Animate the scroll.
• Power micro-interactions.
• Reduce bounce rate.
Comments