Créer des mises en page avec des colonnes et des lignes

Chaque signature e-mail repose sur deux briques simples : les lignes et les colonnes. Une fois que vous comprenez comment elles s’articulent, vous pouvez créer des mises en page soignées et professionnelles en quelques minutes. Aucune compétence en design n’est requise.

​

Imaginez un tableau

Pensez à un simple tableau, comme une feuille de calcul. Une ligne s’étend horizontalement sur toute la signature. Une colonne divise cette ligne en sections verticales, placées côte à côte. En combinant lignes et colonnes, vous créez une grille. Cette grille forme le squelette de votre signature. Tout ce que vous voyez dans une signature e-mail bien conçue (votre photo à côté de votre nom, vos icônes sociales alignées sur une rangée, une bannière qui s’étire en bas) repose sur cette grille.

​

Comment fonctionnent les lignes

Une ligne est un conteneur horizontal qui s’étend sur toute la largeur de votre signature. Les lignes s’empilent les unes sur les autres, de haut en bas. Imaginez-les comme les étages d’un immeuble : le premier étage se trouve en bas, et chaque nouvel étage se construit au-dessus. Dans l’éditeur de Scribe, vous pouvez ajouter une nouvelle ligne en cliquant sur le bouton Ajouter une ligne. Chaque ligne ajoutée crée une nouvelle section horizontale dans votre signature. Usages courants des lignes : Une signature classique compte deux ou trois lignes. La première ligne accueille généralement vos informations principales (photo, nom, intitulé de poste). La deuxième peut contenir un séparateur ou vos coordonnées. Une troisième ligne peut afficher une bannière de campagne ou une mention légale.

​

Fonctionnement des colonnes

Une colonne est une division verticale à l’intérieur d’une ligne. Quand vous ajoutez des colonnes à une ligne, vous la divisez en sections côte à côte. C’est ce qui vous permet, par exemple, de placer votre photo à gauche et votre nom et votre fonction à droite. Dans l’éditeur, sélectionnez une ligne et cliquez sur Ajouter une colonne pour la diviser. Vous pouvez ajouter jusqu’à quatre colonnes dans une même ligne. Chaque colonne agit comme un conteneur autonome dans lequel vous pouvez déposer des blocs de contenu : texte, images, icônes ou Smartfields. Cas d’usage courants des colonnes : La mise en page la plus répandue utilise deux colonnes dans la première ligne : une colonne étroite pour la photo de profil et une colonne plus large pour le nom, la fonction, l’entreprise et les coordonnées. C’est la signature classique « photo à gauche, informations à droite » que l’on retrouve dans la plupart des e-mails professionnels.

​

Créer votre première mise en page

Voici un guide pas à pas pour créer une mise en page de signature classique à deux colonnes.

​

Des modèles de mise en page qui fonctionnent

Pas besoin de réinventer la roue. Voici trois modèles de mise en page qui couvrent la majorité des signatures e-mail professionnelles.

​

Modèle 1 : deux colonnes avec une bannière pleine largeur

C’est la mise en page la plus courante. La première ligne contient deux colonnes (photo à gauche, coordonnées à droite). La seconde ligne occupe toute la largeur et affiche une bannière de campagne ou un appel à l’action. Ce modèle convient bien aux équipes qui mènent des campagnes de signature, car la bannière bénéficie d’une visibilité maximale sous le bloc de coordonnées.

​

Modèle 2 : trois colonnes

La première ligne se compose de trois colonnes : une photo de profil à gauche, les coordonnées au centre, et un logo d’entreprise à droite. Ce modèle convient aux entreprises qui veulent une présence de marque forte aux côtés des informations de contact individuelles. Laissez la colonne centrale plus large pour que le texte respire.

​

Modèle 3 : lignes empilées, une seule colonne

Chaque ligne utilise une seule colonne et le contenu s’empile verticalement. Votre nom et votre fonction occupent la première ligne. Vos coordonnées occupent la deuxième. Une bannière occupe la troisième. Ce modèle offre un rendu épuré et minimal, particulièrement adapté aux appareils mobiles où l’espace horizontal est limité.

​

Conseils pour de meilleures mises en page

Limitez-vous à deux ou trois colonnes. Quatre colonnes peuvent fonctionner, mais plus vous en ajoutez, plus le rendu paraît à l’étroit sur les petits écrans. Deux colonnes constituent le bon compromis pour la plupart des signatures. Utilisez une ligne par « section » de votre signature. Si votre signature comporte un bloc de coordonnées, une barre de liens sociaux et une bannière promotionnelle, chacun de ces éléments mérite sa propre ligne. Cela garde l’ensemble organisé et facilite les modifications ultérieures. Donnez plus de largeur à une colonne qu’à l’autre. Lorsque vous utilisez deux colonnes, accordez plus d’espace à la colonne de texte qu’à la colonne d’image. Une répartition 30/70 ou 25/75 donne généralement le meilleur rendu. Dans l’éditeur, vous pouvez faire glisser le séparateur de colonnes pour ajuster le ratio. Prévisualisez sur mobile. Les clients de messagerie sur téléphone affichent les signatures différemment des clients de bureau. Utilisez la fonction d’aperçu de Scribe pour vérifier que vos colonnes et vos lignes restent harmonieuses sur un écran plus petit. Commencez simple, puis itérez. Démarrez avec deux colonnes sur une seule ligne. Une fois ce rendu validé, ajoutez une deuxième ligne pour du contenu supplémentaire. Vous pouvez toujours complexifier plus tard, mais commencer avec trop de lignes et de colonnes rend l’exercice plus difficile.

​

Quel contenu placer où

Si vous hésitez sur le contenu à placer dans chaque partie de la grille, voici un repère rapide : Première ligne (deux colonnes) : photo de profil ou logo de l’entreprise dans la colonne étroite. Nom complet, fonction, entreprise, téléphone, e-mail et site web dans la colonne plus large. Deuxième ligne (pleine largeur ou deux colonnes) : icônes de réseaux sociaux, lien de prise de rendez-vous, ou ligne secondaire de coordonnées. Troisième ligne (pleine largeur) : une bannière de campagne, une mention légale ou une accroche d’entreprise.

​

Étapes suivantes

Une fois votre mise en page en place, vous pouvez peaufiner chaque détail dans l’éditeur. Ajustez les polices, les couleurs, les espacements et le style des icônes pour qu’ils correspondent à votre marque. Si vous gérez les signatures d’une équipe, explorez les collaborateurs pour déployer la même mise en page auprès de tous, tout en conservant les coordonnées propres à chaque personne grâce aux Smartfields.