UX Collective

We believe designers are thinkers as much as they are makers. https://linktr.ee/uxc

Follow publication

2023 visual design trends guide

The rise of motion design, parallax, immersion, contrasting UI styles, imitations and more

Diana Malewicz
UX Collective
Published in
7 min readDec 12, 2022

Hello everyone. Welcome to my newest UI Design Trends Guide — it’s fourth year I’m covering already, so it became kind of a personal tradition for me. As always the 2023 edition is prepared in a similar manner — with thoughtful consideration that took a few weeks of thorough observation and gathering the most noteworthy examples of the following trends.

Important note: 99% of the examples provided are real products 😊!

Some trends stayed or evolved and clarified into something more specific. Some trends are (hopefully) gone for good. You will also find some old trends that are making a huge comeback in the industry.

Let’s start and have a good time reading ❤.

Motion Design

Motion design examples mix
Upper left to right: Estee Lauder, Apple, Duolingo, Wishes In Words, The Virtual Economy ,Wickret

Motion design has become HUGE and you can probably see it everywhere. From micro-interactions to complex animations, UI is no longer a static thing — users expect it to visually “live and breathe.”

Because of Tiktok, Instagram and constant motion that the users consume on a daily basis, people’s attention span drops lower and lower. Some speculate we’re at a level of a goldfish right now, or even lower than that.

To keep users involved and curious, we need to use motion and try to put some life in static screens and images so they’re more immersive.

If you use Duolingo, you can clearly see that their recent update includes more animated illustrations and screen transition effects. Most of the UI components are one way or another interacting with the user through various visual effects. Something is happening on the screen almost all the time the user takes action.

Duolingo app screens
In the newest update of Duolingo, the app interacts with you on almost every level.

While talking about motion, it’s impossible not to mention parallax effect.
Parallax is basically a set of different

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Written by Diana Malewicz

Co-Founder @ HYPE4.com and hype4academy.com | Author of “Designing UI” book | +12 years exp. Lead Designer and Advisor

Responses (34)

Write a response

Every time I’m surfing through different apps and websites, I find the clean and minimal ones the most pleasurable and professional looking. You don’t need to follow every single trend ...

so true! +1

--

Great work! One question I've just begun tackling when considering any kind of motion is the trade-off with page weight and site performance. Have you encountered any good best practices guides or content related to that?

--

Apple always setting the futuristic trends in clean design! Loved your article, very engaging and informative 😊

--