Directives pour la conception de signatures

Cet article présente les meilleures pratiques pour concevoir des signatures d’e-mail qui s’affichent de manière cohérente sur différents clients de messagerie et appareils.

Pour garantir les meilleurs résultats lors de la création d’une signature d’e-mail dans Exclaimer, suivez les recommandations de conception ci-dessous. Ces directives aident à éviter les problèmes courants d’affichage dans Outlook, Gmail et les clients de messagerie mobiles.

Directives de conception

Pour garantir que les signatures s’affichent correctement sur tous les clients de messagerie, suivez ces directives :

• Utilisez les largeurs recommandées, à la fois pour votre modèle de signature et pour les éléments larges comme les bannières.
• Utilisez des tables pour la mise en page
• Téléchargez les images à leur taille réelle
• Choisissez des formats de fichiers pris en charge
• Prenez en compte l’apparence de la signature sur les appareils mobiles
• Évitez de copier-coller du texte – saisissez le texte directement, ou si le collage est nécessaire, collez en texte brut sans mise en forme.
• Appliquez les choix de mise en forme et de style tels que les polices et les couleurs (ou d’autres options depuis le volet Propriétés) d’abord aux couches les plus externes, puis aux tables, cellules ou groupes internes. Pour plus d’informations sur l’examen des parties internes et externes d’un modèle, consultez Bordures colorées, regroupement et héritage des propriétés dans le Signature Designer.

Normes de conception recommandées

Ces normes aident à garantir que les signatures s’affichent de manière cohérente sur les différentes plateformes de messagerie. Le tableau suivant liste nos recommandations pour les aspects courants de la conception :

Bonnes pratiques

Mise en page

Suivez ces directives de mise en page pour garantir clarté, cohérence et lisibilité :

• Utilisez des tables pour structurer votre mise en page.
• Vous pouvez imbriquer des tables et des cellules de table pour créer des grilles plus complexes, mais essayez d’éviter les superpositions excessives avec des photos d’utilisateurs et des formes d’arrière-plan, par exemple.
• Utilisez le padding pour créer de l’espace entre les éléments.
• Vous pouvez définir une largeur fixe sur les tables et les modèles entiers pour éviter que votre signature ne se redimensionne sur les écrans des appareils plus petits.
• Vous pouvez étirer certains éléments ou créer des designs larges pour s’adapter à la largeur de votre modèle.

Polices

Choix des polices

Certaines polices ne sont pas disponibles sur différents appareils ou systèmes d'exploitation. Cela est particulièrement vrai pour les polices personnalisées. Réfléchissez à vos choix de polices et à la nécessité de configurer une pile de polices de secours afin de garantir que votre design puisse toujours afficher le texte dans une police appropriée.

Pour plus d'informations, consultez Différence entre polices personnalisées et piles de polices.

Tailles de police

Utilisez les tailles de police suivantes pour maintenir la lisibilité et une apparence professionnelle :

• 11 pt – 12 pt pour le texte plus grand (par exemple : nom, poste)
• 10 pt – 8 pt pour les coordonnées (par exemple : téléphone, e-mail, site web)
• 8 pt – 7 pt pour les clauses de non-responsabilité et les textes légaux

Pour plus d'informations sur les tailles de police, consultez Comment utiliser les valeurs en pixels et en points pour la taille des polices.

Images

Pour une apparence et des performances optimales des images :

• Évitez de redimensionner les images dans le Concepteur de Signature - téléchargez plutôt votre image à la taille exacte à laquelle vous souhaitez qu'elle s'affiche. Par exemple, si vous souhaitez que votre image s'affiche en 100x100px, créez ou redimensionnez votre fichier image à cette taille.
• Les images peuvent être intégrées ou liées :
  • Images intégrées : Téléchargées directement depuis votre appareil dans le modèle de signature.
  • Images liées : Hébergées sur un serveur accessible au public et référencées via une URL hébergée dans le modèle de signature.

Pour plus de recommandations et de dépannage concernant les images, consultez Comment résoudre les problèmes de qualité d'image.

Arrière-plans

Considérez si une image de fond ou une couleur de fond est le meilleur choix pour votre design. Voir Différence entre image de fond et couleur de fond pour comparer les deux méthodes et décider laquelle est la plus adaptée.

Compatibilité mobile

Utilisez ces pratiques pour maintenir une mise en page propre, simple et adaptée aux mobiles :

• Gardez les designs compacts et simples pour éviter le défilement horizontal.
• Testez toujours les signatures sur des appareils mobiles lorsque cela est possible.
• Considérez comment le mode sombre peut affecter vos choix de couleurs et d’autres aspects du style.

Erreurs courantes

Évitez les points suivants lors de la conception des signatures :

• Utiliser des signatures plus larges que 600 px. Cela peut causer des problèmes d’affichage sur les écrans plus petits.
• Ne pas dimensionner les images selon leurs dimensions d’affichage réelles. Cela peut entraîner des images trop grandes ou déformées.
• Ne pas utiliser de tableaux pour la mise en page. Les designs non structurés peuvent mal s’afficher dans les clients de messagerie. Voir Différence entre tableaux et groupes.
• Utiliser des formats d’image non pris en charge. N’utilisez que JPG, JPEG, PNG ou GIF.
• Utiliser des couleurs ou styles inadaptés au mode sombre sur les appareils.
• Ne pas être prudent lors de l’utilisation de l’IA pour générer du contenu, car il peut ne pas être possible de le reproduire dans une signature.

Ces problèmes peuvent entraîner un mauvais alignement ou un formatage incorrect des signatures.