Qu’est-ce qu’un interligne ?

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. 

Photo gros plan d’un livre ouvert

Interlignage : définition et usage.

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.

Photo de l’intérieur d’une imprimante

Le mot "interligne" en imprimerie désigne une lame de métal servant à séparer les lignes de texte et à les maintenir. Ici, le mot interligne est au féminin.


Différence entre interligne et crénage.

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.

 

Interlignage et typographie.

Exemple d’un logo de boxe

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.

 

Interlignage et gris typographique.

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.

L’interligne : les différents types et bonnes pratiques.

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.

 

Mettez-vous à la place de votre lecteur.

Femme lit sur sofa

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.

 

L’interligne simple, c’est quoi au juste ?

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.

 

Design et interligne.

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.

 

Titres et interlignes.

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.

 

Les textes en couleur ou sur fond coloré.

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.

 

 

Comment coder un interligne ?

Voyons ensemble comment coder un interligne en utilisant les langages HTML et CSS.

Femme fait du codage sur ordinateur portable

L’interligne en HTML.

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.

 

L’interligne en 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>

Calculer votre interlignage en pixels pour le webdesign.

Photo d’un ordinateur pour webdesign

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).

 

 

Comment modifier un interligne avec Adobe ? 

Photo gros plan du gros titre d’un journal

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.

 

Modifier l’interligne dans du texte sélectionné.

Pour modifier l’interligne d’un texte en particulier, plusieurs solutions s’offrent à vous :

 

  1. Dans un projet Adobe InDesign, sélectionnez le texte que vous souhaitez modifier.
  2. Choisissez parmi l’une de ces 3 options pour modifier l’interligne. 
    a.    Ouvrez le panneau Caractère ou Contrôle puis sélectionnez l’interligne dans le menu Interligne. 
    b.    Entrez une nouvelle valeur à la place de la valeur existante. 
    c.     Modifiez l’interligne dans le panneau Format de caractère standard lorsque vous créez un nouveau style de paragraphe.

 

Appliquer l’interligne à l’ensemble d’un paragraphe.

Vous pouvez également régler l’interligne sur l’ensemble d’un paragraphe en suivant ces étapes.

 

  1. Sélectionnez Edition puis Préférences puis Texte (sous Windows) ou InDesign puis Préférences puis Texte (sous Mac OS).
  2. Choisissez l’option Appliquer l’interligne à l’ensemble du paragraphe, puis validez en cliquant sur Ok.

 

Modifier le pourcentage d’interligne automatique par défaut.

Pour modifier le pourcentage d’un interligne par défaut, il vous suffit de suivre ces 3 étapes :

 

  1. Sélectionnez les paragraphes que vous souhaitez modifier.
  2. Choisissez la commande Justification dans le menu du panneau Paragraphe ou Contrôle.
  3. Entrez un nouveau pourcentage par défaut pour l’option Interligne automatique. La valeur minimum est de 0 %, la valeur maximum de 500 %.

 

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.

Les interlignes : questions fréquentes.

Quel est l'interligne normal ?

L’interligne normal est l’interligne dit par défaut, calculé en fonction du choix de la typographie, il équivaut à 120 % du corps de caractère. Notez que pour calculer la valeur de l’interligne, Adobe InDesign prend la taille de corps la plus élevée de la ligne.

Comment modifier les interlignes ?

Pour modifier l’interlignage dans Adobe InDesign, il faudra d’abord sélectionner le texte auquel vous souhaitez ajouter un espacement. Puis sélectionner l’interligne dans le panneau Caractère ou Contrôle. Vous pouvez également rentrer directement une valeur à la place de la valeur existante de l’interligne. Lorsque vous créez un nouveau style de paragraphe, vous pouvez modifier directement les options d’interlignes dans le panneau Format de caractères standard. 

Quelle est la propriété à utiliser pour définir les interlignes ?

Pour définir l’espace entre les lignes, il faudra utiliser la propriété CSS line-height. Cette propriété CSS prend en charge différentes valeurs telles qu’un nombre, une unité de longueur en pixel, em ou encore un pourcentage. À noter que la propriété de feuille de style CSS est applicable sur l'ensemble des balises HTML.

Ces contenus pourraient également vous intéresser…

Plan général d’un paysage urbain

Qu’est-ce qu’un plan général ?

Les plans généraux sont essentiels pour indiquer où et souvent quand l’action a lieu.

Illustration vectorielle d'un guépard une nuit de pleine lune.

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.

Dessin à l'encre d'arbres dans le brouillard.

Se démarquer grâce à l'encre

Explorez la subtilité et la puissance du dessin à l'encre grâce à ces conseils et techniques.

Croquis au crayon de la silhouette de la ville de New York

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.