Here is a real-world example of when not to use a dark-themed UI: I was involved with a B2B SaaS project where the CEO was adamant that, in order “to be different,” he wanted to go with a dark-themed UI-which matched the company’s branding… for the entire platform. Going back even further-thirty-five thousand years to the Paleolithic era (the caveman days), we find cave drawings of lions and mammoths generally placed on a light background with charcoal or burnt bones used to draw the depictions. Think newspapers and magazines-which have been around for over 350 years. There is also an expectation: people are used to seeing a variety of content rendered with dark ink on a white background presented along with images. dark characters on light background ( Bauer, D., Bonacker, M., and Cavonius, C. In one famous study, “visual fatigue” was significantly greater when subjects read light characters on a dark background vs. Most studies have shown that dark text on a light background is superior to light text on a dark background, i.e., it’s easier to read. Branding may also influence the decision because company logos and colors will not work with a dark color palette. According to many scientific studies, optimal legibility requires black text on a white background. Contrast, text, and readability and the ability to work with a wide range of subtle colors are some of them. There are good reasons for choosing a bright background. The color scheme will have a long-lasting impact and must be carefully chosen-and it all starts with the selection of a background on which the design elements will be placed-the “canvas.” The usual choice, almost by default, is a white background. Nevertheless, designers should tread carefully if they choose to walk on the “dark side.”Ĭreating the look and feel of a product is one of a designer’s primary responsibilities-the initial design decision must be appropriate to the product’s purpose, the particular situation, and its audience. Dark UIs are dramatic, stylish, and elegant.
0 Comments
Leave a Reply. |