Si vous venez de découvrir nos modèles de Newsletter, vous serez surement intéressés par les options qui vous permettent de relooker votre Template en modifiant  les couleurs et en les adaptant au style de votre site internet, votre association ou vos produits. Et voici l’exemple d’un de nos Templates avant et après le changement des couleurs :

modèle-denewsletter-avantPersonnalisation-de-newsletter-apres

Vous trouverez ci-dessous toutes les étapes des modifications qu’on a effectuées sur ce modèle de Newsletter :

La première chose à savoir est que les couleurs d’une Newsletter sont présentes à plusieurs niveaux, dans les cases de texte, dans les cases image, mais aussi dans l’arrière plan de la Newsletter.

Modifier la couleur de l’arrière plan de la Newsletter

Lorsque vous vous lancez dans la personnalisation de Newsletter, la première chose à modifier est la couleur du fond de votre message. Cliquez sur l’option ARRIÈRE PLAN GÉNÉRAL et prenez le temps de bien choisir la couleur qui vous convient.

Une fois la couleur choisie, copiez le code couleur composé de chiffres et de lettres, vous pourrez le réutiliser pour définir (en le copiant) la couleur des autres cases dans le modèle.

Arrier-plan-genneral

Modifier les couleurs des cases texte

Pour la modification des cases texte, cliquez sur la case et modifier la couleur dans le pop-in qui vous permet aussi de modifier le texte. Vous pouvez choisir une nouvelle couleur ou copier/coller le code de celle que vous avez choisie pour l’arrière plan.

case-texte

Modifier les cases image

Pour modifier une case image, cliquez sur l’icône en forme de stylo qui s’affiche lorsque vous survolez l’image avec la souries. Dans le cas où la taille de votre image ne couvre pas la totalité de la case, ou si vous utilisez des images à fond transparent (comme c’est le cas dans notre exemple) la couleur de la case restera visible. Vous pouvez donc modifier la couleur de la case pour l’adapter à l’image ou à la composition des couleurs de votre modèle de Newsletter.

case image

Modifier les couleurs des cases vides

Et oui, même les cases vides sont définies par des couleurs. Pour les modifier, cliquez sur une case pour la sélectionner et ensuite remontez en haut pour retrouver l’option ARRIERE PLAN CASE. Cliquez sur celle-ci et copiez à nouveau le code choisi ou sélectionnez une nouvelle couleur.

arrier plan case

Conseils pour le choix des couleurs de votre Newsletter

Des goûts et des couleurs on ne discute pas ! Toutefois, quelques petits conseils peuvent toujours être utiles si vous vous lancez dans la création de Newsletter.

    1. Le choix et l’adaptation des couleurs au visuel de votre entreprise/site internet, n’est pas de tout une tâche à prendre à la légère l. Il faut prendre le temps pour tester les différentes idées ou envies et vérifier le rendu directement dans votre boîte de messagerie (en effectuant des BAT).
    2. Trop de couleurs tuent la couleur ! Lorsque vous choisissez la  palette de couleurs que vous allez utiliser sur votre modèle de Newsletter concentrez vous sur un choix de 2 ou au plus 3 couleurs.
      Voici l’exemple d’un excès de couleurs à ne pas suivre :

 Newsletter Template - trop de couleurs

 

    1. Evitez d’associer les couleurs dont le contraste est trop prononcé (le bleu et l’orange, le vert et rouge, le violet et jaune,  par exemple). Pour rendre votre message plus attrayant,  jouez plutôt sur le contraste de l’intensité des couleurs (foncé – claire). Et voici l’exemple d’une mauvaise association de couleurs sur notre Newsletter:

Newsletter templete - mauvaise association de couleurs

 

    1. Pour l’arrière plan de la Newsletter, évitez les couleurs trop fortes ou saturées. La couleur du fond couvre une zone assez vaste et le choix d’une couleur trop vive peut avoir un effet agressif. Pour le fond, optez plutôt pour des tonalités plus claires
    2. En ce qui concerne les cases texte, en règle générale un texte foncé sur un fond clair est plus facile à lire qu’un texte clair sur un fond foncé. Si vous optez pour la deuxième option, pour faciliter la lecture cherchez le contraste et évitez des associations de tonalités trop similaires. Voici les deux exemples de texte sur fond claire et texte sur fond foncé :

texte foncé fond claire texte claire fond foncé

  1. Soyez cohérents  – Une fois que vous avez choisi votre palette de couleurs appliquez la à toutes vos campagnes. Vous pourrez ainsi personnaliser un autre modèle de Newsletter tout en gardant le même style  .