Cómo crear una plantilla con el modo oscuro

Hemos agregado una nueva opción de vista previa modo oscuro a la vista previa del creador de plantillas.

Esta funcionalidad te permite simular la experiencia de reproducir diseños en dispositivos con el modo oscuro habilitado.

¿Qué es el modo oscuro?

El modo oscuro es una configuración específica de los dispositivos o aplicaciones. Cuando está habilitado, hace que el texto y el contenido de la imagen se muestren con un esquema de color claro sobre un fondo de color oscuro.

Tenga en cuenta algunas cosas al usar esta función:

• Nuestro objetivo es ayudarte a detectar elementos de diseño que pueden no verse bien en modo oscuro. Esta función está destinada a proporcionar una aproximación general a la experiencia del modo oscuro. Por este motivo, seguimos recomendando pruebas adicionales para reproducir como lo verá el cliente de correo electrónico.
• Hemos probado exhaustivamente nuestros bloques de contenido estándar con esta función, pero el HTML personalizado y otros bloques de contenido personalizados pueden mostrarse de manera diferente.

En nuestros esfuerzos por crear una vista previa confiable del modo oscuro, hemos identificado tres escenarios principales que pueden ocurrir cuando un cliente de correo electrónico tiene el modo oscuro activo.

Sin cambios en colores

Esto generalmente se aplica al correo de Yahoo y al correo de Gmail. En estos casos, la visualización del correo electrónico no cambia en el modo oscuro. En su lugar, se cambia el esquema de color de la interfaz de usuario del cliente de correo electrónico.

Inversión parcial de colores

Esto generalmente se aplica a Outlook.com. En este caso, el proveedor de correo electrónico detecta las secciones de colores claros y las invierte en colores mas oscuros.

Inversión total de colores

Esto generalmente se aplica a la aplicación móvil de Gmail y a las plataformas iOS 13. Este es el escenario de modo oscuro más radical, con el que los creadores necesitan ayuda con mayor frecuencia. En este caso, los colores claros se vuelven oscuros y los colores oscuros se vuelven claros. Por esta razón, la función de vista previa del modo oscuro está diseñada principalmente para simular esta experiencia.

¿Cómo lo veo en mi cuenta?

Paso 1: para usar esta funcionalidad, accede a una plantilla desde la sección plantillas de email.

Paso 2: haz clic en acciones en la parte superior de la plantilla y luego en vista previa:

Paso 3: activa la vista previa modo oscuro: