No tienes acceso a esta clase

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

Buenas prácticas en el diseño en darkmode

9/14
Recursos

Aportes 7

Preguntas 1

Ordenar por:

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

Les recomiendo instalar la app Colour Contrast Analyser (CCA) en su PC / Laptop. Es una super herramienta, les va a servir mucho para elegir la relación de contraste correcto entre texto y fondo de acuerdo a los estándares de la WCAG

Pueden descarla gratis aqui: https://www.visionaustralia.org/services/digital-access/resources/downloads

Buenas practicas:

  • Evitar utilizar blanco y negro puros.
  • Utilizar gris oscuro en lugar de negro puro.
  • Evitar emplear colores saturados.
  • Utilizar tonos oscuros que contrasten con el blanco.
  • Entre más elevado esté un elemento, más fuerte y luminoso será el tono.
  • Utilizar opacidades en los textos para conseguir énfasis.
  • Evitar utilizar sombras.

Para conseguir énfasis en los textos empleamos opacidades:

  • 87% - Mayor énfasis
  • 60% - Énfasis medio
  • 38% - Estado “desactivado”

Meri que excelente cursooooooooo, me has dado la estructura y el criterio que necesitaba. Necesito que lo agreguen a todas las rutas de diseño. Gracias!!!

La sombras en Dark Mode en mi propia opinion y experiencia si se trabajan bien, no tienen porque verse “sucio”, creo que es un mal concepto solo generalizar eso de tal manera.

Hay que evitar usar sombras en Dark Mode, ya que no dan el mismo propósito de profundidad que dan sólo en el Light Mode. Las sombras en Dark Mode se ven sucias y muchas veces ni siquiera son perceptibles. Por otro lado, harán que el procesado de imagen sea más lento y por lo mismo, haya mayor consumo de batería.