Griglia di base e leggibilità

Qualsiasi designer degno di nota parlerà dell'importanza della griglia, e giustamente. Tuttavia, poiché ho continuato a esercitare il mio commercio, ho scoperto che la griglia di base in particolare non mi sembra sempre pratica.

Ad esempio, lavoro con molti fogli di marketing con elenchi puntati. La mia prima inclinazione è di spaziare tutto in modo uniforme e mantenere la griglia di base, in questo modo:

Ma molte volte giungiamo alla conclusione che, anche se i punti elenco separano gli elementi, la spaziatura uniforme tra le linee e tra gli elementi dell'elenco rende più difficile separare visivamente i punti. Quindi finiamo con qualcosa del genere:

Ogni elemento dell'elenco è meglio distinto, ma ora la griglia di base è sparita e il tutto sembra un po 'più caotico.

A un livello inferiore, ecco un altro esempio:

Mantenere una griglia di base adeguata fa apparire un titolo a due righe come cose separate, ma cambiando la spaziatura per correggere ciò danneggia il flusso (se alcune persone avevano solo un titolo a una riga).

È possibile che potrei ancora essere abbastanza inesperto da non sapere come avere la mia torta e mangiarla anche qui. Ma sospetto che questo potrebbe essere uno scenario in cui le regole di progettazione devono essere flessibili per affrontare priorità diverse.

Ma chiederò a prescindere: quale è più importante: mantenere una griglia di base in una situazione come questa o compromettere la griglia per ottenere guadagni in leggibilità?

I problemi con le griglie di base sono più facili da risolvere se si tiene presente questa regola fondamentale: l'unico scopo della progettazione grafica è facilitare la comunicazione. Questo è ciò per cui sei assunto, per ciò che sei pagato e per ciò da cui dipendi. Una griglia (o qualsiasi altro elemento di design) è utile e appropriata solo se raggiunge tale scopo.

Le informazioni su una pagina sono più facili da avvicinare e da assimilare se hanno una buona gerarchia visiva (titoli, sottotitoli, copia del corpo, barre laterali), sono raggruppate in modo appropriato (le cose che appartengono insieme sono, in effetti, insieme) e sono spaziate in modo appropriato, compresi i margini e altri spazi bianchi.

Una griglia di layout dà ordine alla pagina e consente ad illustrazioni, elementi grafici come spazi bianchi, titoli e testo di allinearsi in modo ordinato che può dare autorità o un senso di "correttezza" alla pagina. Ci sono molti modi per farlo; non sono tutti costituiti da linee e colonne equidistanti.

Una griglia di base, come sottolinea DA01, funziona bene nei layout a più colonne. È anche utile in situazioni in cui è appropriato un aspetto molto formale, controllato o chirurgicamente pulito. Al di fuori dei libri e di altre pubblicazioni pesanti, il più delle volte è necessario un aspetto meno formale.

La domanda che puoi porre a qualsiasi scelta progettuale, specialmente nella tipografia, è "Ciò renderà la comunicazione più facile da comprendere, più facile da trovare o più efficace?" Se la risposta è "No", allora è sbagliata.

Il tuo esempio è un ottimo esempio: forzare i punti elenco su una griglia di base rovina la leggibilità del testo. La comunicazione è il capo, quindi sai immediatamente che attenersi alla griglia è sbagliato. Un singolo elemento di informazione, come un indirizzo o il testo di un punto elenco, deve essere anche un singolo elemento visivo nella pagina . Ne consegue che elementi separati di informazioni devono essere separati nella pagina.

Quindi non è una questione se va bene compromettere la griglia per ottenere una comunicazione migliore. È che non devi mai compromettere la comunicazione, il periodo. Progettalo per comunicare. Usa le regole e le tecniche del design quanto vuoi, per farlo comunicare in modo brillante. Ma mai, mai permettere alle regole o alle tecniche di intralciare la comunicazione.

L'idea di una "griglia di base" tende ad essere abusata ... specialmente sul web.

La griglia di base è davvero per l'uso in pubblicazioni a più colonne. L'idea è di avere "linee" orizzontali coerenti su tutte le colonne.

E dovrebbe essere usato di default, ma dovresti anche sapere quando NON usarlo.

Il tuo esempio di elenco puntato è un buon caso in cui probabilmente va bene spezzare la griglia. Tuttavia, puoi ancora modificare le cose per aderire un po 'alla griglia.

Ad esempio, potresti avere il tipo 12/14. È quindi possibile creare uno spazio tra i proiettili 7. Ciò aderirebbe comunque alla griglia (di mezzo passo).

Suggerirei di avere uno stile di paragrafo per gli elenchi in cui solo la prima riga si allinea alla griglia di base. In questo modo l'elenco non diventerà confuso, tutte le linee con punti elenco verranno comunque eseguite sulla griglia di base, mantenendo l'aspetto generale dell'allineamento, mentre le linee seguenti hanno una spaziatura diversa. Il risultato è un aspetto simile a quello che hai descritto per cui ti accontenti spesso, ma con più elementi allineati alla griglia.

È possibile ricalcolare la griglia di base per gestire numeri più piccoli e suddivisioni in modo da poter eseguire incrementi frazionari che coincidono con ogni intervallo. se l'unità della griglia di base è 9 pt significa che una suddivisione naturale sarebbe 3pt. In un testo impostato su 8pt puoi avere 9pt o 12pt, in un testo impostato su 12pt puoi avere un'altezza della linea di 15pt, 18pt ... avendo un set di dimensioni correlate mantieni le proporzioni della spaziatura della linea.