No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Consideraciones previas

8/14
Recursos

Aportes 9

Preguntas 3

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

•Define de manera cuidadosa la paleta de colores.
•Que el sistema que definamos sea resistente a los cambios.
•Gris vs negro: NO se usa negro puro.
•Que resalte justo lo necesario.
•Menos es más: Evita tener muchos tonos de colores, de colores distintos.
•Solo los elementos básicos cuentan.
•Cuida la parte emocional: No perder la conexión con las emociones del usuario.

Mi paleta

la paleta de colores en el darkmode deberia tener entonces como maximo 4 colores distintos y 5 versiones de cada color

Colores a definir - Los Básicos

  • Fondo de pantalla
  • Fondo de capa
  • Color secundario de fondo de capa
  • Color de acción / Accent Color
  • Texto Principal
  • Subtexto

https://www.materialpalette.com/

Considero que en muchos casos usar negro puro es mucho mejor que usar tonalidades que se asemejen al negro:

  • Luce mucho mejor en pantallas o dispositivos OLED.
  • Mejora significativamente los niveles de accesibilidad.
  • El negro puro ahorra mucho más batería.
  • Los textos destacan mucho más en pantalla.

Según los estudios de la luz y el espectro electromagnético, el Negro puro en realidad no es un color, sino que mas bien es la ausencia de luz, por lo cual se dice que realmente ese color no existe. Como resultado, no existe en la naturaleza de forma normal. Realmente nunca vemos un negro puro, sino que nuestro ojo interpreta el negro puro como la ausencia de luz, y por lo mismo, no es nada recomendable utilizar el Negro puro en nuestras interfaces o sitios web, puesto que nuestro cerebro no está acostumbrado a procesarlo y por lo mismo, tarda más, además de que el Negro puro en pantalla tiende a mostrar ciertas manchas o variaciones de tono que pueden verse como pixeleo. En su defecto, se recomienda emplear grises, azules o verdes oscuros. Por ejemplo, puedes utilizar el código hexadecimal #111111, que es un gris oscuro.

Cuando deseo hacer un diseño en dark mode suelo utilizar material design de Google para guiarme https://material.io/design/color/dark-theme.html