Modèles

Commencez par les marges. La marge standard pour les mises en page est de 8% du côté le plus court.

Diviser la zone intérieure en Grille 10×10.

Vous disposez ainsi d'un système de grille complet. Utilisez les lignes de la grille pour aligner et mettre à l'échelle des éléments tels que le logo, les titres, les CTA, les images, etc.

Utilisez les lignes de la grille comme guide pour aligner les éléments. Le système est conçu pour être flexible, alors n'hésitez pas à mélanger les tailles et les dispositions pour créer une mise en page qui réponde à vos besoins.

L'arrière-plan peut être noir, blanc ou un dégradé de notre palette. Mélangez les couleurs pour garder les choses fraîches et intéressantes.

Si vous utilisez un dégradé, choisissez-en un qui complète l'image. Il peut refléter une couleur dominante de l'image, reprendre un détail de l'image ou simplement s'intégrer à l'ambiance.

A la une

L'échelle des titres peut être aussi grande que possible. Parfois, il est préférable d'opter pour des titres plus petits, afin de permettre à la conception de respirer.

Gardez une distance d'au moins la marge par rapport aux images. Ne superposez pas les titres aux images, sauf dans les mises en page à fond perdu.

Le texte peut être suspendu en dessous d'une ligne de grille ou se trouver sur une ligne de grille, selon ce qui convient le mieux à votre mise en page.

Marques

Les marque (Logo ou Icône) se trouve généralement dans le coin supérieur gauche ou droit, touchant la marge.

Mettre la marque à l'échelle de manière à ce que la partie "SC" soit une unité de grille élevé. Pour les applications plus petites, où la marque serait trop petite, vous pouvez la réduire à deux unités de grille. Pour les mises en page hautes, par exemple les postes 9:16, vous pouvez réduire l'échelle à un minimum d'une demi-unité de grille.

Bien que la marque soit généralement placée à l'extérieur de l'image, elle peut être placée au-dessus de l'image si l'espace est insuffisant. Notez que les règles de lisibilité s'appliquent toujours ; ne le faites que si la marque est encore facilement lisible.

L'imagerie

Alignez également les images sur les lignes de la grille. Il peut s'agir de n'importe quel rapport d'aspect dont vous avez besoin pour votre mise en page, tant que l'image finie s'aligne sur la grille.

Les images peuvent s'arrêter à la marge pour un aspect propre et structuré ou s'étendre jusqu'au bord de la mise en page pour un effet plus dynamique et immersif. Choisissez le style qui convient le mieux au contexte et au contenu.

La superposition d'images est un excellent moyen de partager plus d'informations, d'ajouter de l'énergie à la mise en page et de créer une profondeur visuelle.

Le fait de laisser les images superposées briser légèrement la grille les rend encore plus dynamiques.

Pleine saignée

Les mises en page à fond perdu utilisent la même grille mais laissent l'imagerie s'étendre sur les quatre bords.

Les options sont le fond perdu sur tous les côtés, le fond perdu partiel sur trois côtés ou l'absence de fond perdu.

Images carrées

La grille ne permet pas d'obtenir des images parfaitement carrées, mais elles sont souvent parfaites. Il n'y a pas de mal à contourner les règles, il suffit de s'assurer que l'image s'aligne sur trois lignes de la grille.

Formats ultra larges

Dans les formats très larges, par exemple les bannières, le fait de suivre les lignes de la grille donne une marque très petite et une marge trop serrée (exemple du haut).

Dans ce cas, nous pouvons utiliser la première ligne horizontale de la grille comme nouvelle marge. En outre, nous pouvons mettre la marque à l'échelle pour qu'elle prenne toute la hauteur de la marge (exemple du bas).

Très grands formats

Il en va de même pour les formats très hauts. Dans cet exemple, la mise à l'échelle de la marque à une unité de grille la rendrait plus large que le format (exemple de gauche). Nous pouvons déroger à la règle et l'ajuster à une ligne de la grille (exemple de droite).