Un ottimo sito web inizia con una bella tipografia. E mentre rompendo la regola occasionale è grande, a volte è bene tornare ai principi di ciò che rende grande tipografia - e come crearlo.
È un aggiornamento vitale che può aiutarti a ripensare ai progetti, a prendere in considerazione un nuovo approccio o a tornare a un design più semplice e lineare.
Quindi oggi ignoriamo le tendenze e i modi per infrangere le regole per concentrarci sulla teoria tipografica e su come le? Regole? può essere una grande linea guida per creare un tipo fenomenale.
Dimensione e gerarchia
La misura è importante. Le dimensioni possono essere uno dei fattori più importanti quando si crea una struttura per una tipografia leggibile sugli schermi. Il testo minuscolo può essere stridente e difficile da vedere. Il testo sovradimensionato può attraversare le linee in modi strani e causare confusione.
La tipografia leggibile ha diversi livelli di gerarchia per dire agli utenti cosa leggere prima, secondo e così via. Esiste una scala ovvia in modo che il testo del corpo sia di una taglia in tutto il design, i titoli sono di un'altra dimensione e i sottotitoli hanno anche le loro specifiche.
Tracciamento e crenatura
Spesso confusi, il tracking e il kerning non sono la stessa cosa. crenatura è la regolazione dello spazio tra una coppia di lettere. puntamento è la regolazione dello spazio tra un set completo di caratteri, ad esempio un paragrafo o una regolazione generale di un blocco di testo.
La crenatura viene spesso applicata ai singoli elementi per creare precisione e migliorare la leggibilità e persino lo stile per testi di grandi dimensioni. Il tracciamento viene spesso utilizzato per stringere un carattere tipografico sciolto nella copia del corpo.
Limita i caratteri tipografici
Troppi caratteri tipografici possono essere travolgenti e sconvolgenti. Due o tre caratteri sono sufficienti per la maggior parte dei progetti.
La chiave per scegliere un'opzione di tipo solido è scegliere una famiglia di tipi con molte varianti di stile. La maggior parte dei tipi di caratteri di qualità sono dotati di più stili: grassetto, regolare, corsivo, condensato, nero e così via. Scegliendo un carattere tipografico con più opzioni, avrai un peso e uno stile per molteplici usi. (Alcune famiglie includono anche opzioni serif e sans serif se si desidera mantenere l'intero disegno in un'unica famiglia di font.)
Mescolare e abbinare gli stili
Quando si scelgono i caratteri tipografici - ammettiamolo, questa può essere la parte più difficile di molti progetti di design - è ok, e anche preferito, scegliere due diversi tipi di stili.
L'abbinamento più comune è un serif e sans serif. Ma non devi limitarti a quello.
Quando si accoppiano stili e caratteri tipografici diversi, cercare caratteri con un'altezza x simile (cercare set di caratteri con la stessa dimensione minuscola verticale? X?) E forma di ciotole (spazio all'interno di lettere chiuse come un? O?).
Questi dettagli possono fare molta differenza in termini di come i caratteri tipografici si incontrano e quanto sia facile per gli utenti leggere il testo. L'utilizzo di forme di lettera simili in stili diversi ha ancora una familiarità visiva che può rendere più facile la lettura di tutti i tipi.
Dimentica trattini e giustificazione
Il più delle volte, trattini e giustificazione completa non sono necessari.
In particolare online, queste tecniche possono rendere il testo più difficile da digerire e comprendere a colpo d'occhio. I trattini rompono l'esperienza di lettura e la piena giustificazione spesso porta a una spaziatura strana che è difficile da leggere.
Mentre entrambi gli elementi hanno il loro posto in alcuni progetti, dovrebbero essere evitati il più delle volte.
Non alterare i caratteri
Non dovresti mai mai regolare un font. Non cercare di renderlo più grasso o più alto o più sottile. Scegli un nuovo carattere tipografico.
I progettisti di tipi lavorano duramente per creare un insieme coerente di caratteri per un carattere tipografico che siano leggibili e adatti allo stile del carattere. Non provare a cambiare l'aspetto di un set di caratteri. Non li migliorerai e spesso farai un pasticcio del tipo nel processo.
Se un carattere tipografico non funziona nel modo in cui ne hai bisogno, cerca qualcos'altro. Prova lo strumento di font Identifont simile, che identifica caratteri tipografici con aspetti simili, per selezionare un'altra opzione che potrebbe funzionare meglio nel tuo progetto.
Contrasto
Design per contrasto usando la tipografia. Proprio come usereste diverse dimensioni per creare una gerarchia, considerate pesi, colori e stili di font diversi per fornire un interesse visivo.
Il colore è uno dei modi più efficaci e facili per creare contrasto. Il contrasto ideale è il testo scuro su uno sfondo chiaro (o il retro). Ci sono un numero quasi illimitato di opzioni di colore per aiutarti a raggiungere questo obiettivo. Quando giochi con il colore e la tipografia, tieni presente che alcune combinazioni di colori, come il rosso acceso sul blu a destra, possono essere davvero difficili da leggere. Cerca combinazioni diverse in termini di luce, buio, vivacità e saturazione.
Quando si parla di contrasto, gli sfondi semplici sono spesso i migliori per dare spazio al testo da leggere. Ma se lo sfondo contiene elementi visivi, come un'immagine o un motivo, un bump delle dimensioni del lettering per creare una separazione tra lo sfondo e l'elemento di testo in primo piano.
Misura le cose
Una misura è la dimensione del contenitore che contiene il testo. Può essere la larghezza di un'intera cornice di testo o di una singola colonna in un formato a più colonne.
Misura la questione perché il numero di caratteri (inclusi spazi, glifi e segni di punteggiatura) sullo schermo può influire sulla leggibilità. La teoria alla base di questo concetto è che se le linee sono troppo lunghe o troppo corte, può essere stancante per l'occhio dell'utente da leggere a causa di un costante movimento avanti e indietro da una linea all'altra.
A partire dal Gli elementi dello stile tipografico: ? Qualsiasi cosa da 45 a 75 caratteri è ampiamente considerata come una lunghezza soddisfacente della linea per una pagina a colonna singola impostata in una faccia di testo serifata in una dimensione di testo. La linea di 66 caratteri (contando sia le lettere che gli spazi) è ampiamente considerata come ideale. Per lavori con più colonne, una media migliore è da 40 a 50 caratteri.
Questo è un buon punto di partenza per la maggior parte dei progetti, sebbene molti progetti stiano inclinando le dimensioni dei caratteri un po 'più grandi, il che farebbe ricadere il conteggio dei caratteri nella parte inferiore di tale intervallo.
Anche se la tipografia mobile non è stata una preoccupazione quando il libro è stato pubblicato per la prima volta, la linea guida per più colonne è un punto di partenza accettabile. Puoi anche scegliere di andare un po 'più in basso e puntare a 35 caratteri per riga più ottimali per i piccoli schermi.
Conclusione
Se vuoi continuare a pensare alla teoria e alla scrittura tipografica, ci sono alcuni grandi libri oltre al classico sopra menzionato.
Tenere conto:
- Pensando con il tipo di Ellen Lupton
- Perché i caratteri sono importanti di Sarah Hyndman
- Just My Type: un libro sui caratteri di Simon Garfield