Empower - 21 Web Design Trends - Flipbook - Page 14
PARALLAX IS NOT JUST A SUPERVILLAIN
2021’s web animations are getting more complex and more
powerful through the separation of page elements into foreground
and background extremes, creating a parallax effect. Parallax is
the optical illusion that happens when objects near to the viewer
appear to move faster than objects farther away. Although we
see this in everyday life—when viewing passing scenery while
driving, for instance—the effect on web pages comes across
as equal parts real and surreal. The depth created through the
use of foreground and background also has the added benefit
of immersion, transforming the computer screen into something
closer to a theater stage. As users navigate the web page, they
are drawn into its convincing performance as if by magic.
But make sure you don’t go overboard by following certain
guidelines:
• Don’t let parallax effects distract from important information
• Don’t make it harder for the user to complete an important task
• Keep the number of parallax effects to a minimum
• Minimize the amount of parallax movement within each instance
• Constraining parallax effects within a small area of the screen
• Include an option for users to turn off parallax effects
Ref. 99designs, 9 stunning web design trends for 2021, 2021
Ref. Webflow, 21 unique web design
trends for 2021, 2021
ANIMATION THAT WOULD DAZZLE EVEN WALT DISNEY
I 14