L'organizzazione di base di un progetto di design inizia in genere con un semplice concetto: la griglia. Che tu decida di lavorare entro i suoi limiti o di allontanarti intenzionalmente da esso, decidere come utilizzare una griglia tende ad essere uno dei primi passi nel processo di progettazione.
I designer di stampa hanno lavorato sulle griglie da quando i primi giornali hanno rotolato fuori dalle macchine centinaia di anni fa. La maggior parte delle riviste utilizza anche una griglia; i libri sono messi insieme usando il formato della griglia. La griglia può essere parte dell'identità di una pubblicazione e aiuta a creare un senso di spazio e organizzazione. Comprendere le basi della progettazione della griglia - da come è stata originata, allo sviluppo della propria griglia e al suo utilizzo nei processi del flusso di lavoro - renderà il lavoro entro i vincoli verticale e orizzontale in un attimo.
Storia
La struttura di progettazione basata sulla griglia è stata utilizzata in stampa fino a quando le stampanti sono state in esecuzione. Le griglie, che creano struttura e organizzazione, vengono utilizzate nelle pubblicazioni cartacee e per sviluppare pubblicità. La griglia è utilizzata come guida per posizionare testo, foto e annunci pubblicitari sulla pagina.
Storicamente, il design delle notizie era basato su una griglia distinta che era rimasta invariata da un giorno all'altro e da una pagina all'altra. Il testo scorreva dall'alto verso il basso di ogni colonna e poi verso la colonna successiva. Le foto erano anche all'interno delle colonne, quindi ogni pagina conteneva una serie perfetta di linee verticali. Come il design si è evoluto, così ha fatto la griglia. I progettisti hanno iniziato ad attraversare gli elementi oltre le grondaie della griglia in modo che una foto occupasse lo spazio sopra le quattro colonne di tipo. La griglia viene mantenuta ma utilizzata in modo diverso.
Gli annunci pubblicitari, ad esempio gli annunci, vengono ancora pubblicati con lo stesso formato di progettazione delle notizie precedenti. Usano un insieme di colonne distinte dall'alto verso il basso di ogni colonna, con tutte le foto impostate all'interno delle colonne.
Gli editori di libri utilizzano anche le griglie verticali per mantenere il testo di facile lettura. Sebbene più griglie di colonne siano meno comuni di una o due strutture di colonne, vengono spesso utilizzate nei libri che contengono immagini o testo con molta formattazione (come i libri di cucina). I libri in brossura spesso hanno solo una colonna di testo per pagina, ma i formati più ampi, come i coffee table books, possono avere due colonne (o più) colonne per pagina.
Terminologia di griglia
grondaia
La grondaia è lo spazio tra le colonne. Nel tipico design della griglia, colonne e grondaie hanno larghezze costanti. Comunemente, nella progettazione di stampa, lo spazio tra ogni colonna è da uno a due picas. (Una pica è un'unità di misura che è uguale a 0,1667 pollici).
Colonna Inch
Quando si misurano notizie o spazi pubblicitari su giornali e riviste, gli editor spesso si riferiscono ai pollici delle colonne. Un pollice di colonna è un pollice di spazio verticale di una colonna di larghezza. Il numero di parole che si adattano a un pollice di una colonna varia in base al carattere e alla griglia utilizzata da una pubblicazione.
Saltare
Quando gli oggetti fluiscono da una colonna all'altra, viene chiamato salto. Il testo può passare da una colonna a quella successiva sulla stessa pagina o saltare su più pagine.
Rotaia
In alcune strutture della griglia, una colonna sottile che è circa la metà della larghezza delle colonne nella griglia standard occupa lo spazio dalla parte superiore a quella inferiore della pagina sul lato sinistro o destro della pagina. Questa colonna, che si trova fuori dalla griglia della pagina, viene spesso definita un binario. Le rotaie erano strumenti di progettazione di quotidiani comuni negli anni '90 e all'inizio di questo secolo, ma negli ultimi anni sono cadute fuori moda.
Griglia modulare
Una griglia modulare utilizza meno di un formato di colonna verticale e consente ai progettisti di impacchettare testo e immagini in rettangoli. Le larghezze delle colonne possono variare da elemento a elemento nella pagina, ma tutti gli elementi si impilano per formare spazi rettangolari. Le pubblicazioni che vendono spazio pubblicitario per adattarsi a una griglia modulare offrono incrementi di otto, quarti, metà e intere pagine.
Griglie verticali
Uno degli usi più riconoscibili della griglia verticale nel design di stampa oggi è impiegato da The Wall Street Journal. Questo giornale utilizza una griglia a sei colonne distinte nel suo design quotidiano che è diventato parte della sua identità di marca. Guarda attraverso la pagina e puoi vedere chiaramente ogni colonna.
Il numero di colonne utilizzate da una pubblicazione è determinato dalla forma e dalle dimensioni del foglio su cui è stampato. Le newsletter, ad esempio, usano comunemente una griglia a tre colonne, spiega Tim Harrower in "The Newspaper Designer's Handbook". Una struttura a tre colonne offre opzioni limitate per la larghezza di foto e testo. Le pubblicazioni in formato tabloid utilizzano più comunemente le griglie a quattro o cinque colonne e la maggior parte delle pagine di giornali a fogli mobili utilizza il formato a sei colonne.
La larghezza di ogni colonna in una griglia verticale può impostare il tono per il modo in cui una pubblicazione appare ed essere un fattore nelle decisioni di tipo carattere e dimensione. La dimensione del font che usi dovrebbe essere proporzionata alla griglia. L'uso di un font troppo grande causerà una sillabazione e interruzioni dispari, che possono essere difficili da leggere e l'uso di un carattere tipografico troppo piccolo può causare uno sforzo per il lettore che tenta di ottenere dall'inizio di una riga fino alla fine. Come regola generale nella progettazione di stampa, una larghezza di colonna (in picas) non dovrebbe essere più del doppio della dimensione in punti del carattere del corpo.
Griglie e pubblicità
Le griglie vengono utilizzate in due modi nella pubblicità stampata - come unità per vendere spazi pubblicitari e come unità di misura progettuale.
Proprio come nel design delle notizie, i designer di annunci spesso sviluppano una struttura a griglia per il testo e la grafica. Pubblicità con molte piccole immagini, l'esempio di Fox usa una griglia in modo che tutto sia organizzato e facile da seguire. Una griglia può anche essere usata per mantenere il testo in proporzione alle immagini. Le griglie utilizzate nelle pubblicità potrebbero non essere rigide come quelle dei giornali e delle riviste e possono cambiare da annuncio ad annuncio, anche all'interno della stessa pubblicazione.
La griglia verticale utilizzata da un giornale o una rivista per definire il modo in cui testo e foto appaiono su una pagina viene utilizzata anche per determinare lo spazio pubblicitario. I clienti acquistano annunci in incrementi di larghezza delle colonne di una certa altezza.Questo metodo di inserimento di annunci nelle pubblicazioni cartacee facilita la pubblicità e le notizie (che sono entità separate nella maggior parte delle organizzazioni) per lavorare simultaneamente sulle pagine a causa del sistema di rete comune.
Sviluppa un modello di griglia
Lo sviluppo di una griglia per la pubblicazione può essere fatto in pochi minuti utilizzando strumenti software integrati. Programmi come Adobe InDesign ti consentono di creare un modello di griglia che può essere utilizzato per i tuoi progetti. Quando imposti la griglia, ricorda di impostare un margine corrispondente allo spazio necessario per la stampa.
Per impostare il documento predefinito, chiudi tutti i file aperti in InDesign e vai a? Document Setup? nel menu File. Scegli il numero di pagine che desideri includere nel documento, le dimensioni e l'orientamento della pagina e il margine al vivo. Applicare le modifiche facendo clic su? OK.?
Imposta la griglia della pagina in "Margini e colonne"? opzione nel menu Layout. Imposta prima i margini della pagina. Fai clic sull'icona a forma di lucchetto, per garantire che i margini siano sempre gli stessi. Seleziona il numero di colonne che il tuo documento dovrebbe avere e la larghezza delle grondaie. Applicare le modifiche facendo clic su? OK.?
Un'altra opzione è quella di creare modelli InDesign per ogni diversa griglia che si intende utilizzare. Apri un nuovo documento e segui i passaggi precedenti. Dovresti essere in grado di vedere un documento vuoto sullo schermo che è impostato sulle tue specifiche. Clicca? Salva come? usando l'opzione di modello InDesign.
È inoltre possibile utilizzare gli strumenti griglia preimpostati in Adobe Illustrator e Photoshop per mostrare le linee della griglia. Imposta le preferenze di griglia nelle? Griglie e guide? opzione nel menu Preferenze. Nota che questi programmi usano una griglia verticale e orizzontale quadrata, non una griglia a colonne. Imposta la spaziatura delle linee della griglia e come appaiono nel documento. Applicare le modifiche facendo clic su? OK.?
Se desideri che oggetti e fotogrammi si aggancino a questa griglia, seleziona la funzione "Blocca sulla griglia"? opzione nel menu Visualizza. Gli oggetti si attaccheranno alle linee della griglia quando vengono avvicinati; questo funzionerà anche se le linee della griglia sono nascoste.
Griglie e flusso di lavoro
L'utilizzo di una griglia nei progetti può farti risparmiare tempo e offrire un aspetto coerente. Giornali e riviste usano la stessa griglia giorno dopo giorno, stabilendo un'identità visiva. Le pubblicazioni hanno lo stesso aspetto indipendentemente dal progettista che mette insieme le pagine. Potresti quasi scegliere il Wall Street Journal da una pila di giornali senza vedere la targhetta sulla parte superiore della pagina.
Questa stessa metodologia può essere utilizzata indipendentemente dalle dimensioni del progetto. Imposta diversi modelli di griglia che utilizzano griglie diverse per diverse dimensioni e dimensioni. Utilizzare un modello di griglia coerente per un progetto che dovrebbe avere lo stesso aspetto ogni volta che viene pubblicato. Attenersi alla griglia quando il design deve avere un aspetto organizzato e coerente e staccarsi dalla griglia per creare il caos nel design.
Ulteriori letture: Grids On the Web
Se sei un fan delle griglie, dai un'occhiata a questi altri fantastici articoli, che esplorano l'uso delle griglie nel web design.
- La raccolta definitiva di oltre 50 risorse per gli amanti della rete
- Eliminazione della griglia: strategie e suggerimenti di layout alternativi
- Rolling Your Own Grid Layout al volo senza un quadro
Conclusione
Le griglie sono un metodo per creare organizzazione nel design e sono state utilizzate dalle pubblicazioni di stampa per centinaia di anni. Una griglia coerente può aiutare una pubblicazione a sviluppare la propria identità visiva, indipendentemente da chi mette insieme il design attuale.
Una griglia verticale può aiutarti a determinare le dimensioni del testo e la scala per i tuoi progetti. Sviluppa diversi modelli di griglia per indicare come punto di partenza per nuovi progetti e utilizzare una griglia coerente per i progetti di progettazione in corso che devono avere un'identità visiva.
Fonti di immagini: micora, Tu Foto con El Presidente e Nesster.