Progettare intorno a grandi blocchi di tipo può essere difficile e più designer stanno prendendo il "meno-è-meglio"? approccio quando si lavora con colonne e grandi blocchi di testo. Quando si utilizza una massa di tipo, ad esempio in un libro, un sito Web carico di testo o un progetto di stampa, gran parte dell'enfasi è più sulla leggibilità che sull'aspetto effettivo del tipo.
I caratteri tipografici sono importanti, ma ancora più importante può essere il numero di colonne utilizzate in combinazione con le parole. Il numero di colonne utilizzate in un progetto può variare in base a un numero di fattori come il carattere tipografico e lo stile utilizzati, il tipo di progetto, la dimensione del carattere, la larghezza della grondaia e la proporzione di altri elementi.
Ti piace l'articolo? Assicurati di iscriverti al nostro feed RSS e seguici su Twitter per rimanere aggiornato sui contenuti recenti.
Carattere e stile
La prima cosa da tenere in considerazione quando si considera il numero di colonne da utilizzare è la selezione del tipo di carattere e il tipo di inclusione del progetto. Pensa agli extra che vuoi usare, come i capolettera, i rientri e la spaziatura tra linee e paragrafi.
Anche lo stile del tipo è un fattore. I caratteri serif e sans serif sono i più comunemente usati in blocchi di tipo a causa della loro eccellente leggibilità a diverse dimensioni. I progetti che utilizzavano caratteri in inglese antico, script o novità raramente utilizzavano più layout di colonne o grandi blocchi di testo.
Molte stampe e web design che vedete oggi impiegano un semplice design a colonna singola per l'elemento di testo principale. La maggior parte dei libri stampati usa una colonna di testo per pagina, sebbene questa non sia sempre la tendenza. Molti vecchi libri con copertina rigida presentavano due colonne di testo per pagina; più formati di colonne sono ancora comunemente usati per libri come dizionari e almanacchi. L'utilizzo di una singola colonna per il tipo sui siti Web è preferibile in modo che il tipo sia facile da leggere mentre scorri la pagina verso il basso.
I layout multipli di colonne sono meglio riservati per le applicazioni che possono essere visualizzate tutte contemporaneamente, ad esempio nei progetti di stampa o per e-reader. I layout a colonne multiple sono più comunemente usati dagli editori di giornali e riviste e nelle newsletter.
Tipo di progetto
L'utilizzo di colonne nei progetti di stampa può variare notevolmente e il modo in cui si utilizzano le colonne può conferire una certa sensazione. I disegni a colonna singola tendono a sembrare più aperti e invitanti, come la pubblicità di Caterpillar del 1970. Nota che la maggior parte dello spazio è usato per un'immagine e non il testo stesso.
L'uso di più colonne magre può sembrare travolgente e affollato, ad esempio una pagina di un dizionario ma ha uno scopo ben preciso. Il testo non è inteso per essere letto nel suo complesso ed è usato per scremare brevi informazioni.
Anche i layout di giornali e riviste utilizzano layout a più colonne con molto testo. Il Wall Street Journal ha utilizzato lo stesso layout a sei colonne per decenni con solo lievi modifiche al layout, come l'aggiunta di colori e foto. Le colonne mantengono il tipo piccolo (in genere solo da 9 a 11 punti) organizzato in un modo che è facile da leggere e aggiunge l'ordine a una pagina con molti elementi di testo che potrebbero non essere correlati tra loro.
Le riviste utilizzano anche più layout di colonne, ma tendono ad utilizzare larghezze e dimensioni di colonna più grandi, come questo layout di The Irish Times Magazine.
Nei progetti web, pensa allo spazio disponibile per il testo. Molti layout web sono divisi in due o tre colonne prima ancora di inserire del testo nel mix. La più grande di queste colonne è riservata al corpo del sito web e questo lo spazio in cui devi effettivamente lavorare. Pensa agli elementi sotto lo stendardo: c'è una colonna di annunci che scorre lungo un lato della pagina? Hai incluso anche elementi di navigazione in una colonna?
Una volta che la norma, il modello di tre colonne è stato messo da parte da molti siti web che ora usano un modello a due colonne, anche qui a Design Shack e ESPN. Questo modello consente una colonna più ampia per la colonna principale di testo, ma lascia poco spazio per più layout di testo delle colonne, che sono riservati per spazi ancora più ampi.
Dimensione carattere e larghezza di gronda
Anche se la maggior parte degli editori di libri moderni optano per un formato a colonna singola, si noti tuttavia che le dimensioni del testo tendono a variare ampiamente tra i libri in brossura, in brossura e in edizione elettronica. Questa varianza nella dimensione del tipo ospita lo stile a una colonna perché il testo è proporzionato alla larghezza della colonna. L'eccezione più notevole è nei dizionari e negli almanacchi, dove le dimensioni dei caratteri molto piccoli vengono utilizzate con enormi blocchi di testo in più colonne per pagina.
Le colonne troppo larghe possono affaticare lo sguardo, rendendo difficile la lettura del testo. Le colonne troppo sottili possono causare interruzioni dispari e una sillabazione eccessiva del testo. L'applicazione Kindle per iPad di Apple ha risolto questo problema passando da un formato a colonna singola se usato verticalmente ma utilizzando due colonne quando l'iPad viene ruotato per facilitare la lettura.
Come regola generale nei progetti di stampa, la larghezza di ogni colonna (in picas) deve essere ampia o più larga della dimensione del punto del font. In grandi blocchi di testo, la dimensione del carattere non deve superare la larghezza della colonna.
Non c'è una chiara regola per il web design. Molti designer scelgono 12 o 14 punti per la copia del corpo indipendentemente dalla larghezza della colonna. Se hai una colonna stretta per la copia (500 pixel o meno), scegli la dimensione più piccola. Le colonne più larghe possono gestire il tipo di 14 punti in modo piacevole, senza troppe interruzioni di riga difficili. Se stai cercando qualcosa di più concreto, consulta la Tipografia Golden Ratio di Pearsonified.
Lo spazio tra ogni colonna può determinare la leggibilità del testo. Nota l'enfasi sulle grondaie nell'annuncio di Eico Stereo sopra. Gli ampi spazi tra colonne contenenti grandi quantità di testo rendono le colonne meno intimidatorie per gli occhi e più facili da leggere. Su una pagina di un giornale standard, le colonne di testo sono comprese tra 10 e 13 pixel di larghezza e hanno una grondaia 1 pica. Le riviste usano anche specifiche simili.Questo spazio separa le colonne in modo che sia facile da leggere su ogni riga fino alla fine e poi verso il basso senza passare alla colonna successiva, causando confusione. Le dimensioni dei caratteri più grandi e le larghezze delle colonne più grandi richiedono larghezze di gronda più grandi. Come per le colonne, nel corso di un progetto dovrebbe essere utilizzata una larghezza di gronda coerente.
Proporzione di altri elementi
Quando decidi quante colonne funzionano meglio per un progetto, pensa a qualcosa di più del semplice testo. Gli elementi non testuali che circondano la copia possono essere altrettanto importanti.
Pensa agli altri elementi che tocchino ciascuna colonna di testo. Hai in programma di aggiungere piccole foto o spezzoni di testo? Considera anche le dimensioni e il peso di altri oggetti. Nei progetti di stampa, le dimensioni, il peso e il colore dell'altro testo che circonda ciascuna colonna possono avere un impatto sul testo. Nei progetti web, lo stesso vale per gli elementi su entrambi i lati della copia principale, oltre a prendere in considerazione gli effetti animati. Quanto più che stai facendo intorno a ogni colonna di tipo corrisponde all'importanza di utilizzare il tipo semplificato e semplice in ogni colonna. Gli effetti extra nello spazio di lavoro possono anche dettare la dimensione del carattere utilizzato. In modo che il testo del corpo mantiene la propria identità, impostarlo in una dimensione e un carattere che contrasta con altri elementi.
Con qualsiasi progetto, scegli una larghezza per le colonne e attenersi ad essa. L'impostazione del tipo in diverse larghezze di colonne all'interno di un singolo documento può causare errori. Cerca di evitare di avvolgere il testo attorno a troppi oggetti di grandi dimensioni che modificano la dimensione visiva delle colonne; ciò può rendere difficile la lettura del testo, causando interruzioni brutte e eccessiva sillabazione.
Conclusione
I designer di stampa stanno prendendo una lezione dal web e iniziano a lavorare con meno colonne, ma più ampie nei loro layout. Questo è evidente nella pubblicazione di libri, riviste e persino in alcuni giornali. Optare per l'utilizzo di una singola colonna su più progetti verticali la larghezza è un problema o nella maggior parte delle applicazioni web con grandi blocchi di testo.
I layout a più colonne funzionano meglio per caratteri tipografici più piccoli in situazioni di progettazione in cui un intero progetto o blocco di testo può essere visto a prima vista, rendendo i layout a più colonne meno comuni nel web design a causa dello scroll. Tieni presente il tuo pubblico, come verrà letto il tipo e la dimensione del carattere quando pianifichi un layout che utilizza un formato a più colonne.
Fonti di immagine: nesster, nesster, quinn.anya, cliff1066 e fearghalonuallain.