Directrices para el diseño de firmas

Este artículo describe las mejores prácticas para diseñar firmas de correo electrónico que se muestren de manera consistente en diferentes clientes de correo y dispositivos.

Para garantizar los mejores resultados al crear una firma de correo electrónico en Exclaimer, siga las recomendaciones de diseño a continuación. Estas pautas ayudan a evitar problemas comunes de renderizado en Outlook, Gmail y clientes de correo móvil.

Directrices de diseño

Para asegurar que las firmas se muestren correctamente en los clientes de correo, siga estas directrices:

• Utilice anchos recomendados, tanto para su plantilla de firma como para elementos anchos como banners.
• Utilice tablas para el diseño
• Suba imágenes en tamaño real
• Elija formatos de archivo compatibles
• Considere cómo aparecerá la firma en dispositivos móviles
• Evite copiar y pegar texto; ingrese el texto directamente o, si es necesario pegar, hágalo como texto sin formato y sin formato alguno.
• Aplique el formato y las opciones de estilo, como fuentes y colores (u otras opciones del panel de Propiedades), primero a las capas más externas y luego a las tablas, celdas o grupos internos. Para más información sobre cómo observar las partes internas y externas de una plantilla, consulte Bordes coloreados, agrupación y propiedades heredadas en el Diseñador de Firmas.

Estándares de diseño recomendados

Estos estándares ayudan a garantizar que las firmas se rendericen de manera consistente en las plataformas de correo electrónico. La siguiente tabla enumera nuestras recomendaciones para aspectos comunes de diseño:

Mejores prácticas

Diseño

Siga estas pautas de diseño para garantizar claridad, consistencia y legibilidad:

• Use tablas para estructurar su diseño.
• Puede anidar tablas y celdas para crear cuadrículas más complejas, pero trate de evitar superposiciones excesivas con fotos de usuarios y formas de fondo, por ejemplo.
• Use relleno para crear espacio entre los elementos.
• Puede establecer un ancho fijo tanto en tablas como en plantillas completas para evitar que su firma cambie de tamaño en pantallas de dispositivos más pequeños.
• Puede extender algunos elementos o crear diseños amplios para ajustarse al ancho de su plantilla.

Fuentes

Elección de fuentes

Algunas fuentes no están disponibles en diferentes dispositivos o sistemas operativos. Esto es especialmente cierto para las fuentes personalizadas. Considere sus opciones de fuentes y si debería configurar una pila de fuentes de reserva para asegurarse de que su diseño siempre pueda mostrar texto en una fuente adecuada. 

Para más información, consulte Diferencia entre fuentes personalizadas y pilas de fuentes. 

Tamaños de fuente

Utilice los siguientes tamaños de fuente para mantener la legibilidad y una apariencia profesional:

• 11 pt – 12 pt para texto más grande (por ejemplo: nombre, cargo)
• 10 pt – 8 pt para detalles de contacto (por ejemplo: teléfono, correo electrónico, sitio web)
• 8 pt – 7 pt para avisos legales y texto de exención de responsabilidad

Para más información sobre tamaños de fuente, consulte Cómo usar valores en píxeles y puntos en el tamaño de fuente. 

Imágenes

Para una apariencia y rendimiento óptimos de las imágenes:

• Evite redimensionar imágenes en el Diseñador de Firmas; en su lugar, cargue su imagen en el tamaño exacto en que desea que se muestre. Por ejemplo, si desea que su imagen se muestre a 100x100px, cree o redimensione su archivo de imagen a ese tamaño.
• Las imágenes pueden ser incrustadas o enlazadas:
  • Imágenes incrustadas: Cargadas directamente desde su dispositivo en la plantilla de firma.
  • Imágenes enlazadas: Hospedadas en un servidor público y referenciadas mediante una URL alojada en la plantilla de firma.

Para más recomendaciones y solución de problemas con imágenes, consulte Cómo resolver problemas de calidad de imagen.

Fondos

Considere si una imagen de fondo o un color de fondo es la mejor opción para su diseño. Consulte Diferencia entre imagen de fondo y color de fondo para comparar los dos métodos y decidir cuál es el más adecuado.

Compatibilidad móvil

Utilice estas prácticas para mantener un diseño limpio, simple y compatible con dispositivos móviles:

• Mantenga los diseños compactos y simples para evitar el desplazamiento horizontal.
• Siempre pruebe las firmas en dispositivos móviles cuando sea posible.
• Considere cómo el modo oscuro puede afectar sus elecciones de color y otros aspectos de estilo.

Errores comunes

Evite lo siguiente al diseñar firmas:

• Usar firmas con un ancho mayor a 600 px. Esto puede causar problemas de visualización en pantallas más pequeñas.
• No ajustar las imágenes a sus dimensiones reales de visualización. Esto puede hacer que las imágenes aparezcan demasiado grandes o distorsionadas.
• No usar tablas para el diseño. Los diseños no estructurados pueden mostrarse mal en los clientes de correo electrónico. Vea Diferencia entre tablas y grupos.
• Usar formatos de imagen no compatibles. Solo utilice JPG, JPEG, PNG o GIF.
• Usar colores o estilos que no son adecuados para el modo oscuro en dispositivos.
• No ser cauteloso al usar IA para generar contenido, ya que puede no ser posible replicarlo en una firma.

Estos problemas pueden causar que las firmas aparezcan desalineadas o con un formato incorrecto.