Vous voulez créer rapidement des designs équilibrés ? Une astuce est de comprendre les présentation en grille. L'importance des présentations en grille est de donner une structure à vos designs.
Depuis les origines du design, les présentations en grille sont utilisées. Regardez les publications imprimées comme les journaux et magazines : ils l'utilisent pour souligner le texte qui doit ressortir. Sans grille, le contenu ne serait pas organisé, mal assorti et n'aurait pas de continuité.
Comme pour beaucoup de fondamentaux, l'approche en grille est maintenant utilisée dans le monde digital sur le design web et d'appli. Elle peut améliorer à la fois l'apparence et l'ergonomie d'un site, et vous permettra de dessiner plus rapidement et efficacement.
Qu'Est-ce Qu'Une Présentation En Grille ?
Une présentation en grille utilise des colonnes, lignes, et marges pour créer un design harmonieux et proportionnel. C'est une consigne invisible qui définit où placer les éléments comme le texte, les images, un logo, et même les espaces vides.
Une personne sans expérience qui voit vos designs peut ne pas reconnaitre une disposition en grille mais les lignes directrices invisibles seront plus agréables à l'oeil et rendront votre design plus fluide.
La présentation en grille offre de nombreux avantages à la personne qui crée le design et la personne a qui ont le propose. Une disposition en grille bien pensée permet au fichier source d'être mis à jour rapidement tout en rendant le produit final facile à scanner par le public à la recherche d'information.
Polices par Google
Comment Fonctionne La Présentation En Grille
Vous choisissez de créer une grille invisible ou non. Une grille ne va pas convenir à tous les designs que vous créez. Ce n'est pas si simple. Cependant, vous pouvez baser votre grille sur les théories telles que la règle de trois ou le nombre d'or.
La Règle Des Tiers
La présentation la plus simple est d'utiliser la "règle des tiers". Cette règle est surtout connue comme technique de photographie dans laquelle deux lignes horizontales et verticales se croisent. Ces intersections sont considérées comme les points centraux. Les points centraux attirent l'attention et rendent l'image plus plaisante.
De même, cette règle peut servir dans vos designs. Regardez les éléments que vous avez dans votre design. Trouves l'élément le plus important. Placez cet élément dans l' intersection pour créer un point de convergence.
Le Nombre d'Or
Une autre méthode est d'utiliser le nombre d'or. Le nombre d'or est assez complexe mathématiquement, mais dans des termes simples (non mathématiques), le nombre d'or sert à donner un côté esthétique par l'harmonie et la proportion.
Dans des termes mathématiques simples, la longue partie de ligne (a) divisée par la partie courte (b) est égale à la somme de l'ensemble de la ligne (a + b) divisée par la longue partie (a) qui sont égales à 1.618...
Mais comment cela crée de l'harmonie et de la proportion dans votre design ? C'est le moment de créer votre rectange d'or. Créez un carré et multipliez un côté par 1.618 et vous obtenez un rectange harmonieux. Appliquez cette théorie, et vous obtiendrez ce diagramme.
En dessinant une arche d'un coin au coin opposé et vous obtenez la spirale dorée.
Appliquez cette théorie à vos designs. Le design de logo de Pepsi reconnaissable instantanément utilise un nombre d'or subtil, par des cercles d'or. Le cercle le plus grand est en nombre d'or avec le plus petit cercle moins évident.
Logo Pepsi
Pepsi utilise le Nombre d'Or
Cette théorie s'applique aussi au web design. Regardez le site en 3D d'Innofil. La disposition comprend de nombreux éléments, cependant votre oeil suit la spirale dorée de manière subtile qui mène au bouton fantôme "L'Usine".
Site Internet de Innofill3d
Le site internet de Innofill3d utilise le nombre d'or
Pourquoi Les Dispositions En Grille Sont-Elles Importantes
- Vous avez davantage de contrôle et de flexibilité dans le design
- Vous serez plus efficace dans la gestion du temps
- Le contenu semblera plus organisé
- Vos éléments en texte sembleront davantage sous contrôle - lisez notre article Comprendre la hiérarchie du texte pour une meilleure compréhension
- La disposition de plusieurs page sera cohérente
- Vous améliorez la hiérarchie visuelle
- Evite le fouilli et encourage les espaces vides
- Vous commencez à apprendre et à comprendre "l'équilibre"
- Vous pourrez diviser la grille - permettant à un élément de casser la grille quand les autres éléments semblent organisés pour donner plus d'impact à votre design
Définition Des Termes De Présentation En Grille
Vous créez une présentation en grille ? Voici des terminologies qui vous aideront :
- Colonnes : Lignes verticales qui créent la structure visuelle d'une disposition de page.
- Gouttière : L'espace vide entre les colonnes qui empêche les éléments visuels de dépasser sur une colonne différente.
- Margies : L'espace vide en dehors de la colonne qui entoure en général l'ensemble de la page.
- Grille de ligne de base : la ligne invisible où se trouvent le bas de la forme les lettres.
Comment Créer Une Présentation En Grille
Pour créer une présentation en grille, vous pouvez dessiner la grille en vous servant de petits thumbnails. Ils ne devraient pas prendre beaucoup de temps. De cette manière, vous comprendrez facilement la relation entre chaque élément de design et pouvez créer rapidement différentes présentations en grille pour répondre aux besoins de votre design. Pour vous faciliter la tâche, voici une manière simple de créer le dessin. Les éléments texte sont représentés par des lignes, quand les éléments visuels utilisent une croix.
Une fois que vous avez fini le dessin, vous pouvez commencez la présentation en grille avec un logiciel comme Photoshop, Illustrator, ou Indesign.
Montrer la Grille
- Dans le panneau supérieur, cliquez sur Vue > Afficher > Grille
- C'est un exemple standard d'une présentation en grille. C'est limité et vous ne pouvez pas créer votre propre grille.
Vous souhaitez créer votre propre grille ?
- Dans le panneau supérieur, cliquez sur Vue > Règles
- Cliquez et déplacez le curseur à partir de la règle pour créer des guides horizontaux et verticaux. Vous devez créer les chéneaux manuellement.
- Pour éviter que les lignes de la grille ne bougent, retournez sur Vue > Bloquer les Guides.
Afficher La Grille
- Du panel supérieur, cliquez sur Vue > Afficher la Grille
Vous voulez créer votre propre grille ?
- Cliquez et déplacez le curseur à partir de la règle pour créer des guides horizontaux et verticaux. Vous devez créer les chéneaux manuellement.
- Pour afficher les guides, choisissez Vue > Guides > Afficher Guides
- Pour fixer les guides, choisissez Vue > Guides > Bloquer Guides
Ce qui est bien avec Adobe InDesign est que cela vous permet de créer une master page, donc vous n'avez pas besoin de créer des guides pour chaque page. Voici comment vous y prendre :
- Pour créer une marge, allez en haut du panel et cliquez sur Présentation > Marge et Colonnes
- Pour créer des lignes et colonnes, choisissez Présentation > Créer des Guides
- Cliquez sur "Aperçu" pour voir les instructions.
Essayez de toujours suivre la grille, mais cela ne fait pas de mal de la casser légèrement pour plus d'impact.
Exemples De Présentation En Grille
Ci-dessous, des designs exemplaires de DesignCrowd qui utilisent une disposition en grille imaginaire :
Un Dernier Mot Sur La Disposition En Grille
Utiliser une disposition en grille aide à donner de l'équilibre et proportion à vos designs. Elle sert de guide en travaillant sur votre design et vos permet d'arriver plus rapidement aux résultats souhaités. Appliquez cette technique de design technique et développez la satisfaction de votre clientèle.
Texte et images supplémentaires par Divya Abe.
Vous En Voulez Davantage ?
Vous recherchez davantage d'info sur les aspects techniques du design ? Nous sommes là pour vous :
8 Etapes Simples Pour Convertir Des Ecritures Manuscrites En Vecteurs
Comment Transformer Votre Ecriture En Une Police En 8 Etapes Simples
Comment Dessiner Un Logo - Guide Expert du Designer - Partie 3, L'Importance de la Typographie
Written by Jessica Walrack on Tuesday, August 6, 2019
Jessica Walrack is a professional freelance writer with a background in sales and marketing. After 7 years in the corporate world, she stepped into the online sphere and has now been freelancing for 4 years. She specializes in helping businesses to create a stellar online experience for their audience in order to build industry authority and increase profitability. In her spare time, Jessica enjoys traveling all over the world with her family.
