Souvent négligé, l’interligne est toutefois un élément fondamental dans la composition de votre page. L’interligne permet à la fois d’octroyer une lisibilité optimale à votre document, mais également de hiérarchiser les informations. À travers ce guide, nous vous expliquons ce qu’est l’interlignage, les principes de bases, comment le coder et le modifier.
L’interlignage est l’espacement vertical entre deux lignes de texte. Plus précisément, il s’agit de l’intervalle entre les deux lignes de base qui supportent les caractères en minuscule. On appelle en effet « ligne de base » la ligne invisible sur laquelle les lettres sont posées. À titre d’exemple, les jambages des caractères de la lettre p, ou j, s’étendent en dessous de cette ligne.
L’interligne peut être calculé, augmenté ou réduit en fonction du rendu souhaité : un texte resserré ou, à contrario, plus aéré.
L’interligne en imprimerie.
L’interligne est différent du crénage, qui lui consiste à jouer avec les espaces entre les lettres et les caractères. Les concepteurs de polices d’écriture déterminent des espaces entre les alphabets qu’ils créent, mais ceux-ci peuvent être ajustés en fonction de l’usage de la police.
Notez que le crénage est couramment utilisé dans la création de logos et de titres. L’interlignage, quant à lui, est utilisé dans la conception globale d’une publication. Ces deux outils sont donc complémentaires pour améliorer la clarté et l’impact d’un texte.
Le choix de l’interligne dépendra essentiellement de la typographie sélectionnée pour votre texte et il est essentiel pour la lisibilité du document. Par exemple, si vous choisissez des polices de caractères sans serif comme Helvetica, où la hauteur des lettres est importante, il faudra un interligne plus élevé pour une lisibilité optimale du texte.
En effet, pour ce style de typographie, il ne faut pas que les jambages ascendants et descendants se touchent entre les lignes inférieures et supérieures.
Ainsi, au même titre que la police d’écriture, l’interligne fait partie intégrante de l’identité visuelle d’une marque.
L’interlignage conditionne également la couleur du texte : plus l’interligne est serré, plus le texte aura un rendu foncé. Et vous l’aurez compris par vous-même, si au contraire l’interligne est plus espacé, le rendu du texte sera plus clair. On appelle cette notion « le gris typographique ». Il s’agit, en d’autres termes, de la première impression qu’un texte laisse au lecteur, et sur la facilité qu’a ce dernier à lire le texte.
L’interlignage n’est pas le seul élément qui détermine le gris typographique. Le design du caractère en lui-même est déterminant également, tout comme la qualité des approches et du crénage, ainsi que la longueur de justification. Gardez ainsi en mémoire que tous ces éléments sont à prendre en compte pour le rendu d’une couleur de texte.
L’interlignage est donc un élément essentiel pour la composition de votre page.
Il n’existe pas de règle stricte pour le choix de l’interlignage. Toutefois, certains principes sont à prendre en compte lors de la conception de votre document.
Aujourd’hui, nous sommes exposés à de multiples supports tous les jours, et l’attention que nous portons à ces supports dépend non seulement de leur créativité, mais aussi de leur mise en forme. Et ceci se vérifie d’autant plus lorsque nous avons du texte dans la composition de la page.
Certaines typographies nécessiteront par exemple plus d’interlignage que d’autres.
La taille du texte est également déterminante dans le choix de votre interligne : les petits caractères nécessitent des interlignes plus importants puisqu’ils demandent plus d’efforts de lecture, les espaces entre les lignes de texte sont donc utiles au repos de l’œil.
La longueur des lignes détermine également la valeur de l’interligne. Plus les lignes sont courtes, moins elles nécessiteront d’espace entre elles. Au contraire, les lignes de texte longues ont besoin de plus d’espace et donc d’interlignes pour fluidifier la lecture.
Rappelez-vous que l’interligne apporte de l’équilibre et de la lumière à vos supports. Vous devez vous en servir pour faciliter au maximum la lecture de votre document. Privilégiez le plus souvent un interligne simple et adapté à votre texte.
On appelle interligne simple, l’interligne par défaut fixé à 120 % du corps de caractère.
Exemple : pour un corps de 10 points, l’interligne sera de 12 points.
Dans la plupart des cas, il est recommandé de ne pas aller au-delà de 150 % de la taille des caractères pour une lisibilité optimale.
D’un point de vue strictement graphique, il peut aussi être intéressant de jouer avec les interlignes : réduire ou augmenter l’interlignage pour attirer l’attention du lecteur et établir un sens de lecture.
D Les titres sont essentiels pour créer une hiérarchie dans votre mise en page. Il est d’usage de réduire votre interligne pour les titres, voire d'utiliser un interlignage négatif si les titres occupent plusieurs lignes.
Il faut toutefois veiller à s’affranchir des règles de base uniquement sur une portion de texte pour ne pas brouiller la lecture.
Rappelez-vous qu’en design graphique, les espaces blancs sont tout aussi importants que les caractères. Ils permettent à l’œil du lecteur de se concentrer ou non sur certaines zones. Un texte sans espace entre les lignes et paragraphes comme dans certains journaux par exemple, est beaucoup plus fatigant à lire que dans certains magazines, où la mise en page est justement étudiée pour attirer l’attention du lecteur.
D La combinaison de couleurs d’un texte noir sur fond blanc est la plus lisible en typographie.
Lorsque vous utilisez des couleurs autres que du texte noir sur fond blanc, vous devez augmenter l'interlignage. Il en est de même si vous souhaitez utiliser une couleur claire sur un fond sombre. Il est également conseillé de privilégier une police plus légère.
Voyons ensemble comment coder un interligne en utilisant les langages HTML et CSS.
Pour commencer, rappelons qu’HTML est l’acronyme de « HyperText Markup Language » ou « langage de balisage hypertexte ». Il correspond à un langage informatique utilisé par la plupart des développeurs pour créer des pages web.
Il ne s’agit pas d’un langage de programmation, mais d’un langage de balisage qui permet de structurer les différents contenus d’une page. Le HTML est utile pour indiquer par exemple que tel contenu est un titre, que tel autre contenu est un paragraphe, et ainsi de suite.
Pour modifier l’interlignage en HTML, il vous faudra utiliser en complément un autre langage : le CSS.
CSS signifie quant à lui « Cascading Style Sheets » ou « feuilles de styles en cascade ». Ce langage permet de mettre en forme différents contenus définis par le HTML.
En d’autres termes, le langage CSS est utile pour modifier le style des pages précédemment codées en HTML.
Les langages HTML et CSS sont donc complémentaires pour coder un interligne.
Pour créer un espace entre plusieurs lignes, il faudra utiliser la propriété CSS line-height qui permet de définir la hauteur d’une ligne HTML.
On peut appliquer à la propriété CSS line-height une valeur en nombre de pixels, en pourcentage ou encore, une valeur de longueur.
Exemple : si on indique line-height : 2 ou line-height : 200% cela signifie que chaque ligne de notre élément aura une hauteur totale 2 fois plus grande que la taille de la police, ou encore, que l’interlignage sera égal à la hauteur de la police.
<!DOCTYPE html>
<html>
<head>
<style>
#le-div {
line-height: 2;
}
</style>
</head>
<body>
<h1>line-height</h1>
<div id="le-div">
Une ligne de texte
</div>
</body>
</html>
En webdesign, l’interlignage est tout aussi important qu’en print, puisque l’œil du lecteur se fatigue encore plus vite sur écran que sur papier. L’interlignage doit donc être précis et pertinent pour la lisibilité de vos pages web. Il sera alors nécessaire de calculer cet interlignage en pixels.
Il faudra ainsi utiliser la formule 1.6 em sur la commande line-height (équivalant à un interligne de la taille de la police multiplié par 1,6).
L’interligne est considéré comme un attribut de caractère. Autrement dit, vous pouvez appliquer différentes valeurs d'interligne dans le même paragraphe.
Par défaut, l’interligne le plus élevé détermine l’interlignage de la ligne complète du texte. Vous pouvez cependant configurer la valeur d’interligne à un paragraphe entier. Cette configuration ne s’appliquera pas sur les blocs existants.
Vous trouverez ci-dessous un guide des différentes modifications d’interlignes possibles sur Adobe InDesign.
Pour modifier l’interligne d’un texte en particulier, plusieurs solutions s’offrent à vous :
Vous pouvez également régler l’interligne sur l’ensemble d’un paragraphe en suivant ces étapes.
Pour modifier le pourcentage d’un interligne par défaut, il vous suffit de suivre ces 3 étapes :
Pour modifier le pourcentage d’un interligne par défaut, il vous suffit de suivre ces 3 étapes :
Définir une valeur par défaut d’interlignage peut s’avérer utile lorsque vous concevez vos documents afin de respecter une certaine homogénéité entre vos supports. Il est d’ailleurs recommandé au graphiste, lorsqu’il travaille pour une marque, de faire figurer l’interligne qu’il recommande au sein de la charte graphique.
Plus d’informations et d’astuces sur l’interligne dans Adobe InDesign.
La prise de vue photographique pour les débutants
Apprenez à maîtriser le plan général pour réveiller vos couvertures de podcast, imaginer des arrière-plans vidéo de qualité, ou simplement pour donner un peu de contexte à vos pages web ou à vos albums photo.
Qu'est-ce que l'art vectoriel ?
Découvrez tous les secrets de la création d'œuvres d'art et d'illustrations avec ce format de fichier adaptable.
Se démarquer grâce à l'encre
Explorez la subtilité et la puissance du dessin à l'encre grâce à ces conseils et techniques.
Essayer le croquis au crayon
Pour la plupart des artistes, le croquis au crayon est une première étape essentielle. Découvrez comment cette compétence peut améliorer votre démarche artistique.
Based on your location, we think you may prefer the United States website, where you'll get regional content, offerings, and pricing.
