Let’s talk about the dark mode. Yes, designers of 2022 will need to think about creating the same app twice—one with light mode and one with dark mode.
As much as people love dark mode, regardless of its ability to relieve eye strains in the dark environment or its contribution to limiting the emission of blue light, the dark mode cannot be taken lightly from a designer’s perspective.
First and foremost, not all apps work well with the dark mode. The dark mode is an intricate combination of cultural, psychological, and even political elements. People usually associate products with dark UIs with power, elegance, and mystery, while many from different parts of the world relate the absence of light to death, evil, or the unknown.
Companies must research whether the application of dark mode can impact the branding and user perceptions based on what kind of product they are selling. Designers may also use different techniques when designing a dark UI.
While it is common to use shadows to represent depth in light mode, designers usually struggle to do the same in the dark mode, so they use different shades of grey. Typography must also change under the dark mode.
The W3C AAA recommends a minimum 7:1 Contrast ratio for texts under the dark mode, so the font, size, and layout must be changed according to achieve this. In summary, the dark mode may be pleasing to the eye in some products, but it could be complicated to implement for others. You will need to think twice about your product before you ask your designer to the background color to #000000.
......................................................................................
Along with the top 3% designers of the world, Value At Void™ has a team of highly efficient experts, who create value in space rather than filling it with unnecessary clutter.
Visit our website:
[ Ссылка ]
Follow us on -
Instagram: [ Ссылка ]
LinkedIn: [ Ссылка ]
Twitter: [ Ссылка ]
Facebook: [ Ссылка ]
Toptal: [ Ссылка ]
#valueatvoid #uxdesign #toptal #designtips
![](https://s2.save4k.ru/pic/NBsdC0Wew6I/maxresdefault.jpg)