Consideraciones previas

How to prepare for designing in dark mode?

Creating applications in dark mode has gained popularity due to its visual and energy-saving benefits. To develop an attractive and functional application in this mode, you must follow specific guidelines that will ensure an effective and consistent design. Below, we will explore essential considerations that will help you in the design process, whether you are working from scratch or adapting an existing brand.

How do you define the color palette?

Colors are the heart of any design. In the case of an application, the color palette must be carefully selected. Here are some key tips:

• Use corporate colors: If you are working with an existing brand, adhere to the defined colors. These are recognizable to users and provide visual continuity.

• Define the palette by function, not by color: Name colors by function (e.g. "wallpaper", "main text") and not just by shade (e.g. "white 1", "gray 70"). This makes the system resistant to future changes.

• Avoid pure black: Pure black is too aggressive and unnatural for the human eye. Opt for close-up dark tones that are more pleasing to the eye.

• Limit accent colors: Don't overload the interface with an extensive range of flashy colors. Each prominent element should have a clear purpose and contribute to the user experience.

Why control the amount of colors?

Maintaining control over the color palette is critical in any design project. A manageable color palette facilitates:

• Visual consistency: A limited number of colors ensures that the design is consistent and appealing on different screens.

• Ease of updating: If future modifications to the design are necessary, an organized palette helps designers implement changes smoothly.

• Simple layout: Define colors for basic elements such as background, cartouche, accent color, primary and secondary text. From here, additional shades can be derived as needed.

How do we connect emotionally with the user?

The design should not only be functional, but also connect emotionally with the user. Although the dark mode limits the color palette, this restriction allows you to better focus on conveying emotions:

• Evaluate the emotional message: Decide what emotions you want to evoke and select colors accordingly.

• Seize the opportunity: Use dark mode to highlight elements and textures that enhance the desired emotion.

• Ask questions and experiment: Despite restrictions, tests and adjustments can be made, allowing the design to evolve until it harmonizes with the user experience.

Continue to explore and design.

Implementing these tips will put you on the right path to creating intuitive and engaging applications. We encourage you to get started today with the color palette for your animal shelter app project, and remember, learning is a constant journey. Much success on your journey as a designer!