Systèmes de grille — Design, 11–13 ans
Une grille est un ensemble invisible de lignes qui aide à aligner les éléments d'une page ou d'un écran.
Une structure invisible
Une grille divise une page ou un écran en colonnes, lignes ou marges utiles. Le texte, les images et les boutons peuvent s'aligner sur ces repères, même s'ils ne sont pas imprimés. La grille ne rend pas tous les designs identiques : elle donne aux éléments une structure commune qui facilite le parcours.
Pourquoi utiliser une grille ?
Sans structure commune, chaque élément peut se retrouver à une hauteur ou à une distance du bord légèrement différente. L'ensemble peut sembler désordonné et le lecteur doit chercher comment les parties se répondent. Les grilles ont été développées pour organiser l'information de façon régulière, surtout sur plusieurs pages ou écrans réalisés par des personnes différentes.
Exemple : une fiche de recette
Crée une fiche de recette de 20 centimètres de large. Prévois une marge de 2 centimètres de chaque côté, ce qui laisse 16 centimètres à l'intérieur. Divise cet espace en deux colonnes de 7 centimètres avec un intervalle de 2 centimètres : ingrédients à gauche et étapes à droite. Les titres alignés rendent la fiche rapide à parcourir.
Le piège de la grille rigide
Une erreur fréquente consiste à forcer chaque objet à suivre toutes les lignes de la grille. Cela semble sûr, car l'alignement crée de l'ordre et une règle sans exception paraît plus facile à appliquer. Mais une grille est un guide, pas une prison. Un titre peut avoir besoin de plus d'espace et une image peut franchir une ligne pour clarifier le message.
Les grilles dans le design quotidien
Les journaux, les pages de BD, les sites web, les cartes et les vitrines utilisent souvent des grilles. Un site peut garder son logo, son menu et son texte alignés quand la taille de l'écran change. Une carte utilise des lignes et des colonnes répétées pour aider à localiser les lieux. La grille reste généralement invisible, mais son absence se remarque quand tout semble partir de travers.
Continue d'explorer
Autres langues
Chargement de MyLeoNes™…