Comment Faire Des Grilles Modulaires

Table des matières:

Comment Faire Des Grilles Modulaires
Comment Faire Des Grilles Modulaires

Vidéo: Comment Faire Des Grilles Modulaires

Vidéo: Comment Faire Des Grilles Modulaires
Vidéo: Astuce minutre - Indesign CC - grille modulaire 2024, Novembre
Anonim

Il est pratique d'utiliser des grilles modulaires lors du développement d'un design ou de la création d'une image complexe. Ils servent de base à la composition, divisant la feuille en un nombre spécifié d'étapes verticales et horizontales avec des distances identiques ou différentes.

Comment faire des grilles modulaires
Comment faire des grilles modulaires

Nécessaire

Programme Photoshop de Demeure

Instructions

Étape 1

Tous les éditeurs graphiques et programmes de conception Web modernes ont des grilles modulaires intégrées. Si vous travaillez dans Adobe Photoshop, activez l'affichage de la grille pour organiser facilement les objets image et leur placement exact sur la feuille. Pour ce faire, accédez à l'élément de menu Edition et déplacez la souris sur la légende Préférence. Dans le menu qui apparaît, sélectionnez l'élément Guides, Grille & Tranches (selon la version du programme, cet élément peut avoir des noms différents, choisissez le mot Grille).

Étape 2

Dans la fenêtre des paramètres qui s'ouvre, définissez les paramètres de la grille modulaire. Dans la zone Grille, sélectionnez la couleur des lignes qui forment les éléments de la grille et l'interligne. Cliquez sur "OK" et vérifiez comment les modifications apportées affecteront l'apparence de l'image. Dans l'environnement de développement Web Adobe DreamWeaver, la grille est incluse par défaut dans la mise en page de la page que vous développez.

Étape 3

Vous pouvez ajouter divers tableaux (éléments de grille) avec n'importe quel ensemble de lignes et de colonnes à l'aide de l'élément Insérer un tableau, ainsi qu'insérer de nouveaux tableaux dans des cellules, créant ainsi un réseau complexe pour la création d'éléments de page.

Étape 4

Vous pouvez créer une grille modulaire manuellement à l'aide de styles CSS. Pour ce faire, utilisez les outils #grid, Gridmaker, CSS Grid Builder, 1 Ko CSS Grid, Gridr Buildrrr et d'autres modules. Par exemple, l'extrait de code suivant crée une grille de quatre modules d'une largeur donnée:.page-layout {margin-right: -5px; }.layout-box {float: gauche; marge: 0 5px 5px 0; }.lb-1 {largeur: 779px; } / * 100% * /. Lb-2 {largeur: 583px; } / * 75% * /. Lb-3 {largeur: 387px; } / * 50% * /. Lb-4 {largeur: 191px; } / * 25% * /

Étape 5

La présence d'une grille modulaire facilite la tâche aussi bien aux concepteurs novices qu'aux développeurs web, et aux maîtres expérimentés dans ce domaine. Les projets créés sur la base d'une grille modulaire sont faciles à éditer et à transférer, ce qui est très pratique pour les gros volumes de travail. Vous pouvez également arrêter de travailler à tout moment et continuer à utiliser le fichier enregistré.

Conseillé: