Espacement et mise en page
Du rythme et de l’espace pour le contenu.
En pratique
2xsÉléments étroitement liés.xsIcône et libellé.smContenu des petits contrôles.mdÉléments d’un même groupe.lgSéparation des groupes.xlEspacement entre blocs.2xlSéparation des sections.3xlRespiration des grandes compositions.Grille de mise en page
- Largeur maximale
- 1200px
- Colonnes
- 12
- Gouttière
- 24px
Bonnes pratiques
L’espace traduit les relations entre les éléments. Rapprochez ce qui appartient à un même groupe et séparez les sujets différents.
- Utilisez l’échelle commune pour créer un rythme prévisible.
- Adaptez la composition à la largeur disponible.
- Conservez un ordre de lecture compréhensible sur petit écran.
- Évitez de réduire les espaces au détriment du confort de lecture.
À retenir
La grille soutient le contenu. Elle ne doit pas imposer une composition qui dégrade la compréhension ou l’utilisation.