Modèles

Les mises en page de Smart Chip utilisent un système de grille simple mais flexible qui permet de conserver un aspect propre et cohérent. En même temps, ce système vous offre une grande liberté pour vous adapter à différentes tailles, différents facteurs de forme et différents besoins en matière de conception.

Styles de mise en page

Il existe deux styles de mise en page : Pleine saignée et Espace blanc. Les deux utilisent le même système de grille et les mêmes règles.

Pleine saignée utilisent notre palette de couleurs, des images audacieuses et de grands titres pour attirer l'attention. Elles sont idéales pour la signalisation ou pour attirer l'attention lorsqu'elles sont associées à des mises en page avec des espaces blancs.

Espace blanc laissent plus d'espace pour le texte et peuvent contenir plus d'informations qu'une mise en page à fond perdu. Elles conviennent donc mieux pour raconter une histoire.

Configuration de la grille

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.

C'est tout. 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.

Utilisation de la grille

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.

A la une

Les titres peuvent être agrandis à volonté pour utiliser l'espace disponible. Ils ne sont pas obligés de le faire - parfois, plus petit est mieux. Donnez à la conception de l'espace pour 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.

L'imagerie

Alignez également les images sur les lignes de la grille. Les images peuvent s'arrêter à la marge pour un aspect propre et structuré ou s'étendre jusqu'au bord. Pour un effet plus dynamique et plus immersif, elles peuvent également être à fond perdu avec du texte et des éléments superposés.

L'arrière-plan de l'image est soit noir, soit blanc. Le blanc est aéré et libre, tandis que le noir est élégant et puissant. Choisissez le style qui convient le mieux au contexte et au contenu.

Lorsque vous optez pour des couleurs à fond perdu, veillez à ce que votre texte reste facile à lire. Vous pouvez augmenter de quelques graisses de police si cela peut aider à la lisibilité. De même, ne placez pas le texte sur des parties importantes de l'image (comme les visages) ou sur des zones très chargées.

Les options de fond perdu pour les images sont le fond perdu intégral (s'étendant sur tous les côtés), le fond perdu partiel (s'étendant sur trois côtés) ou l'absence de fond perdu.

Évitez les fonds perdus sur un ou deux côtés seulement.

Image dans l'image

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.

Marques

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

La mise à l'échelle est différente selon qu'il s'agit d'une présentation horizontale ou verticale :

Dans les présentations horizontales, échelonnez la marque de manière à ce que la partie "SC" se situe entre une et deux unités de grille de hauteur..

Dans les mises en page verticales, la taille doit être comprise entre deux et quatre unités de grille.

Lorsque vous positionnez la marque, alignez-la sur la partie "SC" plutôt que sur les points. Les points chevauchent légèrement les lignes directrices.

Ne placez la marque sur les images que si elles sont encore facilement lisibles. Choisissez la version (noire ou blanche) qui offre la meilleure lisibilité.

Exemples

Exceptions

Le système de grille fonctionne bien pour la plupart des tailles. Cependant, certaines circonstances particulières exigent que l'on s'écarte de la grille.

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 sur quatre grilles la rendrait trop petite (exemple de gauche). Pour obtenir une taille plus harmonieuse pour la marque, nous pouvons déroger à la règle et la mettre à l'échelle (exemple de droite).