How the shades of all the elements work together

This is also important to consider when developing websites. 4. Selected the basic colors To create a dark theme with a “clean” interface, you need to understand. For example, placeholders have only one color, and dividers have 3. You need to understand how these elements look in different combinations. Basic palette of black and white colors dark theme in Compass messenger  Prescribed two shades without transparent color.

When creating a dark theme, designers often

Experiment with the transparency of elements. Then the nigeria phone number library background is visible through them, and the element itself is highlighted in gray. In some cases, this works great. For example, the button becomes dark gray, and the dark background is visible behind it. There is depth, and it looks beautiful. But sometimes during layout, when several layers are superimposed, difficulties arise. For example, if text or another interface element is visible under a transparent pop-up window.

phone number library

Here the window overlaps the interface elements

It looks better than if it were transparent. To make things easier for developers, designers added a palette of white shades without transparency to Figma. So, during the layout process, you won’t need to find the right shade with an eyedropper every time. Everything is already at hand. For convenience, we placed shades with transparency and white colors for the dark theme next to each other.

Developers can choose the desired option

This is convenient During the work process, we changed the color settings because sometimes they looked completely different on the layout than on navegg serviços offers intelligence for operating your platforms the mockup. And yet, the basic palette makes it easier to work on the interface. Roman Morozov, Head of Design Department, Compass After the team had a basic concept for the new theme, the designers moved on to developing mockups. The dark theme for apps was time-consuming.

In total, about 2,500 screen states needed to

Be changed. Корпоративный мессенджер на вашем сервере за 10 минут Corporate messenger on your server in 10 minutes We will provide a free period. We will cg leads help you set up Compass on your servers or in the cloud. We will simplify the move and adaptation of the team. Order a consultation Stage 2: We thought out a dark theme for smartphones There are many screens in the corporate messenger: chats and threads; gallery and illustrations; settings; section with statistics of individual employees; calls; notes and more.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top