Font, Böxli e tag di stampa
I web designer e i designer grafici vivono in mondi diversi. Eppure entrambi avrebbero molto da imparare gli uni dagli altri. Commento di Oliver Reichenstein, architetto dell’informazione a Tokyo.
I caratteri piccoli sono molto diffusi su Internet. Questo è sorprendente, perché i siti web sono fatti per essere letti. È ancora più sorprendente quando ci si rende conto che la dimensione del carattere specificata dal browser web (16 pixel) sarebbe di per sé meravigliosamente leggibile. Appare grande quando lo si tiene accanto a un testo stampato. Tuttavia, se si confrontano le dimensioni dei caratteri in prospettiva, il testo web corrisponde al testo stampato alla distanza di lettura.
Il motivo per cui i web designer utilizzano caratteri piccoli ha una ragione storica e tecnica: i caratteri per schermi sono stati sviluppati in un'epoca in cui gli schermi erano molto più piccoli di oggi. Quindi i caratteri piccoli sono stati sviluppati di conseguenza. Inoltre, lo schermo ha una risoluzione inferiore a quella della carta.
Il compito del designer: risolvere i problemi
Ciò significa che il margine di manovra è minimo, a meno che non si rimpicciolisca il carattere di lettura. Più piccolo è il carattere, più facile è il compito del designer, più bella è la pagina. Ma il lavoro del designer è quello di risolvere problemi, non di vincere premi di bellezza.
Anche con il Böxli, i designer spesso si semplificano troppo le cose. Se si confronta un sito web medio con una pagina di stampa professionale, è possibile rendersene conto: i web designer utilizzano un numero di cornici e riquadri di gran lunga superiore a quello dei designer di stampa.
Un esempio è BBC.com. Tutto, la notizia principale, il meteo e ogni teaser, è in un unico riquadro. È faticoso per l'occhio saltare da un riquadro all'altro. Il fatto che i Böxli abbiano angoli arrotondati in stile Web 2.0 non migliora le cose.
Cosa i web designer possono imparare dai graphic designer
Il fatto che il Böxlerei sia un'abitudine altrettanto negativa del carattere piccolo diventa chiaro quando si legge la regola tipografica delle linee, che è molto evidente anche per un non designer:
1. avvicinare visivamente gli elementi che si appartengono.
2. elementi separati che non appartengono l'uno all'altro.
3. le cose che non stanno insieme, ma che per motivi di spazio devono essere avvicinate, sono separate da linee che le tengono lontane.
In altre parole, le linee si usano solo se non c'è abbastanza spazio bianco. Lo spazio bianco non è una questione di gusto, ma un elemento organizzativo. Se si tracciano linee non solo a sinistra e a destra, ma anche in alto e in basso e si collegano queste linee, cioè se si crea un riquadro, significa che ciò che è nel riquadro è davvero diverso da ciò che è intorno al riquadro. I siti web che ancora e ancora utilizzano Böxli comunicano: Qui ci sono molte cose insieme che in realtà non stanno insieme. In altre parole: questo sito è un soffio.
Perché si usano ancora così tanto i Böxli? I Böxli sono utilizzati perché è più facile mettere una cornice intorno a tutto piuttosto che pensare a una struttura chiara. Sono quindi spesso indice di un design informativo "gonfio".
Cosa possono imparare i graphic designer dai web designer
Gli esempi di Böxli e di caratteri piccoli mostrano bene come i web designer possano imparare dai graphic designer. Credo che anche i grafici dovrebbero imparare dai web designer. Perché ancora più sorprendenti dei caratteri piccoli e del Böxli sono l'architettura dell'informazione spesso impenetrabile e gli ostili deserti di piombo che i giornali e le riviste di oggi ancora ci presentano.
La soluzione al problema: evidenziare le parole chiave a colori. Un testo con parole chiave colorate può essere scansionato dal lettore in cinque secondi. Può non sembrare così bello, ma la vera bellezza del testo non è estetica, sta nella sua leggibilità. Se tutti i testi di questa rivista fossero intervallati da parole chiave, si potrebbe scorrere ogni articolo e verificare rapidamente se c'è qualcosa di interessante.
dice.
Sapreste anche quali parole chiave cercare per trovare e commentare il testo online. Questo perché le parole chiave hanno un semplice equivalente online: I web designer lo chiamano tagging. I redattori si divertirebbero molto anche con i tag per la stampa, perché le parole chiave codificate a colori accanto al titolo, all'intestazione e ai sottotitoli sono ottimi ganci per attirare il lettore nel testo. O forse sì?
Il motivo per cui i web designer utilizzano caratteri piccoli ha una ragione storica e tecnica: i caratteri per schermi sono stati sviluppati in un'epoca in cui gli schermi erano molto più piccoli di oggi. Quindi i caratteri piccoli sono stati sviluppati di conseguenza. Inoltre, lo schermo ha una risoluzione inferiore a quella della carta.
Il compito del designer: risolvere i problemi
Ciò significa che il margine di manovra è minimo, a meno che non si rimpicciolisca il carattere di lettura. Più piccolo è il carattere, più facile è il compito del designer, più bella è la pagina. Ma il lavoro del designer è quello di risolvere problemi, non di vincere premi di bellezza.
Anche con il Böxli, i designer spesso si semplificano troppo le cose. Se si confronta un sito web medio con una pagina di stampa professionale, è possibile rendersene conto: i web designer utilizzano un numero di cornici e riquadri di gran lunga superiore a quello dei designer di stampa.
Un esempio è BBC.com. Tutto, la notizia principale, il meteo e ogni teaser, è in un unico riquadro. È faticoso per l'occhio saltare da un riquadro all'altro. Il fatto che i Böxli abbiano angoli arrotondati in stile Web 2.0 non migliora le cose.
Cosa i web designer possono imparare dai graphic designer
Il fatto che il Böxlerei sia un'abitudine altrettanto negativa del carattere piccolo diventa chiaro quando si legge la regola tipografica delle linee, che è molto evidente anche per un non designer:
1. avvicinare visivamente gli elementi che si appartengono.
2. elementi separati che non appartengono l'uno all'altro.
3. le cose che non stanno insieme, ma che per motivi di spazio devono essere avvicinate, sono separate da linee che le tengono lontane.
In altre parole, le linee si usano solo se non c'è abbastanza spazio bianco. Lo spazio bianco non è una questione di gusto, ma un elemento organizzativo. Se si tracciano linee non solo a sinistra e a destra, ma anche in alto e in basso e si collegano queste linee, cioè se si crea un riquadro, significa che ciò che è nel riquadro è davvero diverso da ciò che è intorno al riquadro. I siti web che ancora e ancora utilizzano Böxli comunicano: Qui ci sono molte cose insieme che in realtà non stanno insieme. In altre parole: questo sito è un soffio.
Perché si usano ancora così tanto i Böxli? I Böxli sono utilizzati perché è più facile mettere una cornice intorno a tutto piuttosto che pensare a una struttura chiara. Sono quindi spesso indice di un design informativo "gonfio".
Cosa possono imparare i graphic designer dai web designer
Gli esempi di Böxli e di caratteri piccoli mostrano bene come i web designer possano imparare dai graphic designer. Credo che anche i grafici dovrebbero imparare dai web designer. Perché ancora più sorprendenti dei caratteri piccoli e del Böxli sono l'architettura dell'informazione spesso impenetrabile e gli ostili deserti di piombo che i giornali e le riviste di oggi ancora ci presentano.
La soluzione al problema: evidenziare le parole chiave a colori. Un testo con parole chiave colorate può essere scansionato dal lettore in cinque secondi. Può non sembrare così bello, ma la vera bellezza del testo non è estetica, sta nella sua leggibilità. Se tutti i testi di questa rivista fossero intervallati da parole chiave, si potrebbe scorrere ogni articolo e verificare rapidamente se c'è qualcosa di interessante.
dice.
Sapreste anche quali parole chiave cercare per trovare e commentare il testo online. Questo perché le parole chiave hanno un semplice equivalente online: I web designer lo chiamano tagging. I redattori si divertirebbero molto anche con i tag per la stampa, perché le parole chiave codificate a colori accanto al titolo, all'intestazione e ai sottotitoli sono ottimi ganci per attirare il lettore nel testo. O forse sì?
