Définition
Une grille est le quadrillage invisible qui sert à aligner les éléments d'une page : des colonnes de largeur fixe séparées par des gouttières, parfois complétées de lignes horizontales. Héritée de la presse imprimée, elle donne à une interface sa régularité et facilite l'adaptation aux différentes tailles d'écran. La grille à douze colonnes est devenue une convention du web, parce qu'elle se divise en deux, trois, quatre ou six.
Dans la pratique
La grille est l'un des premiers éléments qu'un design system fixe, car elle conditionne toutes les maquettes et le code CSS (Grid, Flexbox) qui les reproduit. Un designer et un développeur qui partagent la même grille gagnent des heures d'ajustement au pixel. Le piège : des maquettes « à main levée », impossibles à transposer proprement en responsive.
Termes liés
Définition rédigée par L'équipe Top Profil. Glossaire mis à jour le . Tous les termes du glossaire.