La mise en page en anglais

La mise en page est au coeur du métier de designer. Quand vous travaillez avec une équipe internationale, vous devez pouvoir parler de layout, de grid system, de spacing et de visual hierarchy avec précision. Ce vocabulaire est utilisé quotidiennement dans Figma, Sketch et tous les outils de design.

Ce guide vous donne les termes essentiels pour parler de mise en page en anglais, avec des exemples concrets tires de situations reelles en agence et en studio.

Le grid system (système de grille) est la base de toute mise en page structurée. En anglais, on parle de columns (colonnes), gutters (espaces entre les colonnes) et margins (marges exterieures). Un layout a 12 columns est le standard le plus courant.

Le term breakpoint désigne le point de rupture ou le design s'adapte à une taille d'écran différente. On dit par exemple : "The layout switches from 3 columns to 1 column at the mobile breakpoint."

L'alignment (alignement) peut être left-aligned, right-aligned, center-aligned ou justified. En design, on parle souvent de baseline alignment pour aligner des éléments sur une ligne de base commune.

Le spacing (espacement) est crucial en design. On distingue le padding (espacement intérieur, entre le contenu et le bord) du margin (espacement extérieur, entre les éléments). En anglais : "Add more padding inside the card" ou "Increase the margin between sections."

Le white space (ou negative space) désigne l'espace vide dans une composition. Ce n'est pas du gaspillage — c'est un outil de design puissant. "The design needs more white space to breathe" est une phrase très courante en feedback.

La consistency (cohérence) des espacements se gère avec un spacing scale — une echelle d'espacement predifinie (4px, 8px, 16px, 24px, etc.). On parle aussi de rhythm pour décrire la régularité verticale d'une mise en page.

La visual hierarchy (hiérarchie visuelle) guide l'oeil du lecteur. Elle repose sur le contrast (contraste), le scale (echelle/taille), le color et le typography. En anglais : "The headline needs more visual weight to stand out."

Le focal point est le point d'attention principal de la composition. L'emphasis désigne l'accentuation d'un élément. Le term above the fold fait référence au contenu visible sans scroller — concept herire de la presse imprimée.

En feedback design, on utilise souvent : "The hierarchy is unclear — I can't tell what to look at first" ou "Let's create more contrast between the primary and secondary content."

Le responsive design assure que le layout s'adapte à toutes les tailles d'écran. On parle de fluid layout (qui s'etire) versus fixed layout (largeur fixe). Le terme viewport désigne la zone visible de l'écran.

L'approche mobile-first consiste à designer d'abord pour mobile, puis a enrichir pour desktop. L'inverse s'appelle desktop-first. En réunion : "Are we taking a mobile-first approach?"

Le term overflow décrit ce qui se passe quand le contenu depasse son conteneur. Le scrolling peut être vertical ou horizontal. Un sticky élément reste fixe pendant le defilement.

Voici des phrases pretes à l'emploi pour parler de layout en anglais :

"Let's tighten the spacing between these elements" — Reduisons l'espacement entre ces éléments.

"The grid feels too rigid — can we break it somewhere?" — La grille semble trop rigide, on peut la casser quelque part ?

"I think the layout needs more breathing room" — Je pense que la mise en page a besoin de plus d'espace.

"The visual hierarchy is off — the CTA gets lost" — La hiérarchie visuelle ne marche pas, le CTA se perd.

"Can we test a two-column layout instead?" — On peut tester une mise en page à deux colonnes ?