És convenient utilitzar quadrícules modulars quan es desenvolupa un disseny o es crea una imatge complexa. Serveixen com a base de la composició, dividint el full en un nombre especificat de passos verticals i horitzontals amb distàncies iguals o diferents.
Necessari
Programa Abode Photoshop
Instruccions
Pas 1
Tots els editors gràfics i programes de disseny web moderns tenen graelles modulars incorporades. Si esteu treballant a Adobe Photoshop, activeu la visualització de la quadrícula per facilitar la disposició d'objectes d'imatge i la seva ubicació exacta al full. Per fer-ho, aneu a l’element del menú Edita i moveu el ratolí sobre la llegenda Preferència. Al menú que apareix, seleccioneu l'element Guies, quadrícula i talls (segons la versió del programa, aquest element pot tenir noms diferents, trieu la paraula quadrícula).
Pas 2
A la finestra de configuració que s’obre, configureu els paràmetres de la quadrícula modular. A l’àrea de quadrícula, seleccioneu el color de les línies que formen els elements de la quadrícula i l’interlineat. Feu clic a "D'acord" i comproveu com els canvis realitzats afectaran l'aspecte de la imatge. A l’entorn de desenvolupament web d’Adobe DreamWeaver, la quadrícula s’inclou per defecte al disseny de la pàgina que esteu desenvolupant.
Pas 3
Podeu afegir diverses taules (elements de quadrícula) amb qualsevol conjunt de files i columnes mitjançant l'element Insereix taula, així com inserir taules noves a les cel·les, creant així una xarxa complexa per construir elements de pàgina.
Pas 4
Podeu crear una quadrícula modular manualment mitjançant estils CSS. Per fer-ho, utilitzeu les eines #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr i altres mòduls. Per exemple, el fragment de codi següent crea una quadrícula de quatre mòduls d'una amplada determinada:.page-layout {margin-right: -5px; }.layout-box {float: left; marge: 0 5px 5px 0; }.lb-1 {width: 779px; } / * 100% * /. Lb-2 {width: 583px; } / * 75% * /. Lb-3 {width: 387px; } / * 50% * /. Lb-4 {width: 191px; } / * 25% * /
Pas 5
La presència d’una quadrícula modular facilita tant els dissenyadors principiants com els desenvolupadors web i els mestres experimentats en aquest camp. Els projectes creats sobre la base d’una quadrícula modular són fàcils d’editar i transferir, cosa que és molt convenient per a grans volums de treball. També podeu deixar de treballar en qualsevol moment i continuar utilitzant el fitxer desat.
