Are you a little bit lost in design trends, seeing them coming and going every year? Questioning what is the next BIG design trend? Read more to see exactly what will be trending in the user interface design realm for the upcoming year.
The metaverse
Image source: https://www.engadget.com/facebook-metaverse-meta-explained-or-not-120032885.html
The metaverse is a virtual-reality space in which users can interact with a computer-generated environment and other users (sometimes called cyberspace).
A mix of technologies meets
Digital economy - users create, buy and sell goods
Will handle thousands or even millions of people at once
At the beginning and evolving
Extended reality (AR, VR)
Image source: www.youtube.com/watch?v=5eVu__pc6gI
Banking - self-service options:
robo advisor
multimodal interaction-based kiosks to deliver information about products and services
3D Data visualization - better understanding
Artificial intelligence
Image source: Cortana UI
famous voice assistants - Microsoft - Cortana, Apple - Siri
Medical field
Video industry - Tik Tok, ...
Banking - related to UI design: onboarding, risk assessments, tailored solutions etc.
3D and animations
Image source: https://userguiding.com/blog/ux-ui-trends/
3D elements and animations can provide a better understanding and enhance visual interest.
Glassmorphism
Image source: https://uxmisfit.com/wp-content/uploads/2021/01/glass_card_09.jpg
Came after neomorphism
Better accessibility than neomorphism (if used properly and sparingly)
Glass look, frosted effect
Organic shapes
Image source: https://i.ytimg.com/vi/v4vPSK0kD_8/maxresdefault.jpg
Interactive gradients
Image source: https://fnz.com/about-us#investors
90’s nostalgia and retro
Image source: www.youtube.com/watch?v=5eVu__pc6gI, figma.com
Opposite to all previous trends, we will be seeing this flat retro trend with simple shapes and emojis.
Big, bold, experimental typography
Image source: https://elementor.com/blog/web-design-trends/
Black and white
Image source: https://www.wowmakers.com/static/03357253075530bbe590e0dba1e64cc9/UI-trends-2021-colorless-UI-1024x766-1.jpeg
Black and white designs stand out between all of these colored designs on design forums like Dribbble.
Dark mode
Image source: https://dribbble.com/shots/15097176-Wallet-Components
Improved visibility
Reduces power usage for mobile phones
Super apps
Image source: https://thepaypers.com/Images/rappi-pic1.png
A super app is a mobile application that provides a variety of seemingly unrelated services via a single mobile interface.
Design systems
Image source: https://www.ibm.com/design/language/
Ensuring brand consistency and fastening design workflow.
Useful links
Tutorial for creating the glass effect: www.youtube.com/watch?v=8UWkR1H5E4o Figma > Community > search “glass”
Free mesh gradient collection and generator https://www.grabient.com/ - copy the css code https://www.ls.graphics/ux-ui-kits/mesh-gradients - gradient pictures
Top Google Font Pairings for 2021 https://www.leadpages.com/blog/best-google-fonts
Free 3D Design generator vectary.com
Tutorial: 3D shape from SVG in Vectary www.youtube.com/watch?v=j5FXjsPPhrw