Les espaces blancs aussi appelés espaces négatifs en dessins, correspondent aux espaces vides laissés entre les éléments. Nous allons voir que ces espaces vides ont autant d’importance, dans le processus de mise en page, que les éléments eux-mêmes .

Introduction

Depuis des siècles en Orient, les artistes prennent en considération qu’une création se définit autant par l’absence de ses éléments que par ceux qui la constituent (Scott McCloud, L’art invisible). Cette idée se retrouve facilement dans le symbole du Ying et du Yang. En art appliqué, cela est aussi vrai. Bien que le lecteur n’y face pas attention, il perçoit les espaces. En effet, sans les espaces vides, la lecture d’un document où d’une page web serait impossible.

L’espace est partout

En typographie, nous distinguons plusieurs type d’espaces blancs :

• L’interlignage, espace entre les lignes, espace vertical séparant les lignes de texte.
• L’interlettrage ou approche, espace entre les caractères d’un texte.
• L’espace, espace séparant les mots d’un texte.
• Les marges ou blancs tournants, espaces vierges qui entourent dans les quatre directions une page, un bloc de texte, une illustration …

Toutes ces familles de blancs participent à faciliter la lisibilité d’un texte ou d’une mise en page. Un subtil équilibre entre la répartition des espaces blancs et des éléments confère une meilleure lisibilité aux informations. En effet, ces espaces blancs contribuent à faciliter la perception de ces informations et diminue l’effort que l’utilisateur doit fournir pour appréhender une mise en page.

Exemple : le site Apple

La perception visuelle se fait de manière globale puis en parcourant les différentes zones unitaires. Se sont les espaces blancs qui permettent de distinguer les éléments que se soit une lettre, un mot, un paragraphe ou un groupe d’éléments.

Plus la mise en page est complexe et l’information dense, plus la lecture est difficile. Plus il y a de choses sur votre écran, plus l’information se noie dans un tout et moins elle devient visible.

En design, une large utilisation des espaces blancs apporte de l’élégance, une impression de qualité et une certaine sophistication que l’on rencontre souvent dans la communication des marques de luxe.

Exemple : le site de Chanel

Conclusion

Une utilisation subtile des espaces blancs améliore le confort de lecture et apporte une certaine harmonie au design. Les espaces blancs sont aussi un moyen habile pour isoler un élément, lui donner un poids visuel plus important et attirer l’attention du lecteur.

N’ayez pas peur d’utiliser les blancs dans vos mises en page afin qu’elles respirent. N’oubliez pas que plus vous surchargerez votre écran d’informations, plus elles auront du mal à se distinguer, plus elles seront difficiles à lire.

Sources et autres liens :

• AlistApart – Whitespace
• SmashingMagazine – White Space and Simplicity: An Overview