Modo oscuro

Te contamos algunas recomendaciones a tener en cuenta para tu campaña en modo oscuro.

Maximiliano Muñoz avatar
Escrito por Maximiliano Muñoz
Actualizado hace más de una semana



¿Qué es el modo oscuro?

Es una función que traen los dispositivos móviles que te permite cambiar temporalmente el fondo de pantalla de color blanco a negro, tanto en el sistema operativo como en las aplicaciones.

Muchas plataformas han implementado el modo oscuro tanto en apps para versión móvil, como para versión escritorio, debido a diferentes ventajas que presenta.




¿Por qué se ve distinta mi campaña en modo oscuro?

Cabe mencionar que la función modo oscuro aclara los colores, para que en efecto se vea mejor, con lo cual esas modificaciones de colores no se hacen desde Perfit, sino que están relacionadas con el cambio de la paleta de colores que realiza esta función.

Como remitentes, no es posible determinar de forma exacta como se visualizara tu campaña en modo oscuro, debido a que no se tiene ninguna influencia en la configuración que ha realizado el destinatario. El modo oscuro puede variar de un dispositivo a otro.



¿Qué cosas puedo tener en cuenta con modo oscuro en mis campañas?

  • Utilizar imágenes en formato png con un fondo de color, es decir, que no sean transparentes: Si es texto negro + el fondo transparente + modo oscuro activado = no se va a visualizar el contenido de forma correcta, ya que el fondo va a ser oscuro y el texto no se va a leer.

  • En regiones donde solo haya imágenes, colocar una imagen blanca como imagen de fondo. Esta sería una de las alternativas para que se visualice bien en modo oscuro.
    Imagen 1: sin modo oscuro con imagen blanca como fondo.

    Imagen 2: como se vería en modo oscuro con imagen blanca como fondo.



  • Si escogemos una tipografía demasiado fina, en el modo oscuro puede causar dificultad a la hora de leerse. En este caso podemos escoger una tipografía que sea legible en ambos modos, recomendamos la tipografia Arial o Times New Roman.

  • En regiones con texto, también se puede colocar una imagen blanca como imagen de fondo, pero tener en cuenta lo siguiente: el texto al ser editable, en modo oscuro va a invertir su tono (por ej: de negro → a blanco), entonces puede pasar que el texto no se lea sobre el fondo blanco.


    Sin modo oscuro
    Primera imagen: fondo de imagen blanco y texto color negro.

    Segunda imagen: sin fondo de imagen blanco y texto color negro.



    Con modo oscuro
    Primera imagen: fondo de imagen blanco y texto color negro.

    Segunda imagen: sin fondo de imagen blanco y texto color negro.


  • Prueba paletas de colores que no sean intensas. Lo mejor para el modo oscuro es intentar no utilizar el negro puro (#000000) y utilizar tonos grises oscuros tirando a negros o azules oscuros.

¿Ha quedado contestada tu pregunta?