Design Trends 2022
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.
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:
multimodal interaction-based kiosks to deliver information about products and services
3D Data visualization - better understanding
Image source: Cortana UI
famous voice assistants - Microsoft - Cortana, Apple - Siri
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.
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
Image source: https://i.ytimg.com/vi/v4vPSK0kD_8/maxresdefault.jpg
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.
Image source: https://dribbble.com/shots/15097176-Wallet-Components
Reduces power usage for mobile phones
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.
Image source: https://www.ibm.com/design/language/
Ensuring brand consistency and fastening design workflow.
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