Hai mai notato che alcuni progetti sembrano illuminati con un grande tipo? Alcuni designer hanno una certa abilità nel progettare una tipografia perfetta per ogni progetto.
Puoi farlo anche tu. Con una serie di semplici regole, puoi migliorare l'aspetto e il design della tipografia in tutti i tuoi progetti, sia in digitale che in stampa. Se si lotta con il picking di caratteri tipografici e l'abbinamento di caratteri, queste regole ti aiuteranno a progettare un tipo perfetto, ogni volta. (Assicurati solo di seguirli).
1. Imposta obiettivi per il progetto
La buona tipografia inizia con una solida comprensione di ciò che il tuo progetto dovrebbe fare. Prima ancora di iniziare a sfogliare Google Fonts o Typekit, annota le risposte ad alcune domande.
- Chi stai cercando di raggiungere con questo progetto?
- Cosa dovrebbero fare gli utenti con il design?
- Quali sono i punti di conversione?
- Qual è l'umore del progetto?
- Devi abbinare o coordinarti con altri disegni o marchi?
Le risposte ti aiuteranno a iniziare a delineare un'idea del tipo di tipografia che stai cercando. (Ecco una guida al significato e all'umore dei caratteri tipografici nei progetti di design).
2. Cerca forme simili
Quando si tratta di abbinare più caratteri tipografici in un disegno, qualcosa di semplice come la forma del lettering può creare o distruggere la combinazione di caratteri.
Quindi come ti assicuri di farcela?
Cerca caratteri con forme simili. Pensa se ciascun carattere tipografico è più rotondo o ovale, spesso o sottile, ha un'altezza x corta o alta o include un'inclinazione o un'inclinazione.
Scegli un carattere tipografico primario, o corpo, che ti piace e poi abbina caratteri tipografici complementari con forme simili.
- Guarda il minuscolo? O? in ogni tipo di famiglia. La ciotola interna? rotondo o ovale? Abbina i caratteri tipografici in cui l'interno del? O? è la stessa.
- Va bene accoppiare caratteri spessi e sottili. È meglio accoppiare un tipo di carattere spesso o sottile e regolare.
- Cerca caratteri con altezze x simili (la dimensione verticale di un? X?).
- Non aver paura di mescolare e abbinare stili di tipo diverso. Prova una combinazione serif e sans serif. Assicurati che se un carattere tipografico è complesso, l'altro è semplice. E usa il semplice carattere tipografico per l'applicazione più ampia, come il corpo del testo.
- Prestare attenzione a inclinazione e corsivo. (Puoi guardare il centro del? O? Di nuovo come una linea guida.) Non usare più di un tipo di carattere inclinato ed evitare coppie di caratteri tipografici che si inclinano in direzioni opposte. Possono essere stridenti per gli utenti.
Ancora incerto? Ecco una guida per mescolare i caratteri tipografici.
3. Impostare una scala di tipo per il dimensionamento
La dimensione del lettering può creare o distruggere un progetto. Se il testo è troppo grande, risulta in un modello di lettura innaturale con troppe pause e arresti. Se il testo è troppo piccolo, può affaticare gli occhi e indurre gli utenti a lasciare il disegno.
Quando il testo è giusto, gli utenti spostano liberamente le parole.
Anche il testo di dimensioni giuste viene fornito con una scala per dimensioni diverse nel progetto. Il corpo del testo ha una dimensione, i titoli sono di un'altra dimensione e i sottotitoli sono di un'altra dimensione. E tutte le dimensioni e l'uso dovrebbero essere coerenti in tutto il design.
Ciò che questo fa per gli utenti è rendere tutto più facile da leggere.
- La dimensione del testo dà la priorità alle informazioni per importanza. Il tipo più grande è più importante ed è più probabile che venga scremato dalla maggior parte degli utenti.
- Una scala aumenta la possibilità di scansionare il testo in modo che gli utenti possano guardarlo rapidamente.
- Gli articoli correlati hanno lo stesso aspetto.
- Elementi di testo più grandi, come i sottotitoli, aiutano a spezzare lunghi blocchi di testo, facilitando la lettura.
4. Prestare attenzione alla spaziatura
Non è il tipo in sé, ma il tipo di spaziatura è importante.
Crenatura, conduzione, tracciamento e imbottitura possono rendere magnificamente il tuo tipo o trasformarlo in un pasticcio caldo.
C'è un'arte per ottenere lo spazio giusto. E molto dipende dalle effettive combinazioni di lettere utilizzate, dimensioni e carattere tipografico. Non esiste una regola di crenatura - diversa da quella necessaria quando necessario - e non c'è una quantità perfetta di padding per il testo e altri elementi.
Avrai bisogno di eyeball it.
Il test è sentire. Se il design si sente? Spento? in un modo che non si riesce a individuare, potrebbe essere la colpa della spaziatura problematica. Ci vuole solo pratica - e un buon occhio - per farlo bene.
5. Allinea a sinistra per la lettura
In inglese, così come in altre lingue, gli utenti leggono da sinistra a destra. Questo è anche l'allineamento ideale per ottimizzare la leggibilità all'interno di blocchi di copia.
Piccole parti di testo - elementi di menu o titoli di eroi - non devono essere allineati a sinistra perché sono veloci da leggere. Grandi quantità di copie - qualcosa di più di una frase - dovrebbero probabilmente essere allineate. (La giustificazione è discutibile, sebbene possa causare problemi di spaziatura se non si è molto attenti.)
6. Scegli due famiglie di tipi
Probabilmente questa regola ti è già venuta in testa: usa solo due caratteri tipografici per un progetto.
Viene ripetuto qui perché così pochi designer prestano attenzione a questa regola. Esegui la scansione del Web o di un sito Web di portfolio e vedrai un sacco di progetti con i font impazziti !?
Se hai intenzione di infrangere questa regola, ripensaci. Cosa stai guadagnando aggiungendo un altro carattere tipografico al mix? Invece, guarda il carattere tipografico che hai selezionato e vedi se un altro stile - grassetto o sottile o corsivo - potrebbe essere una soluzione migliore.
7. Non modificare i caratteri
Mai e poi mai allungare o torcere o inclinare un carattere tipografico. Se hai bisogno di qualcosa di diverso da quello che hai, scegli un'opzione diversa.
I designer di tipi passano molto tempo a creare caratteri che funzionano come presentati. La modifica della forma delle lettere danneggia la leggibilità e può causare la rottura dei caratteri? nel modo in cui una foto viene pixelata quando si utilizza più grande della dimensione originale.
8. Usa un sacco di contrasto
Una delle cose che mette in difficoltà i progettisti è mettere il tipo su un'immagine o su un elemento di sfondo.Funziona solo quando hai un sacco di contrasto tra gli elementi per creare separazione e garantire la leggibilità.
Se devi aggiungere un'ombreggiatura alle lettere, non c'è abbastanza contrasto.
La luce su scuro o scuro su luce può assicurare la leggibilità. Aiuta anche a usare un carattere tipografico con un tratto regolare o più ampio.
Ma non è sempre così. Una foto potrebbe includere spazi chiari e scuri o lasciare che possa includere tratti spessi e sottili.
Le opzioni includono il testo di boxe, il prelievo di un carattere più pesante o l'aggiunta di una sovrapposizione di colore all'immagine. Tutte queste tecniche possono aiutare a creare più contrasto e rendere il testo più leggibile. (Inoltre, tendono a resistere quando vengono utilizzati in più breakpoint reattivi in cui testo e immagini si muovono.)
9. Ricorda la tipografia mobile
Quando si parla di tipografia per il web, la leggibilità dei dispositivi mobili dovrebbe essere una delle principali preoccupazioni. Tecniche divertenti come l'aggiunta di un motivo o di una trama alle lettere possono funzionare in stampa e su alcuni schermi desktop, ma non saranno sufficienti su dispositivi più piccoli.
Devi pensare a come i caratteri renderanno in tutti gli usi. (Torna alla scala della tua tipografia e ricorda di includere le specifiche per il testo su schermi grandi e piccoli).
La tipografia mobile è spesso un po 'ampia e include un po' più di spaziatura rispetto alla tipografia sui desktop. Aiuta anche se i paragrafi sono più brevi in modo da non finire con blocchi di testo che richiedono più pergamene da leggere, il che può intimidire gli utenti.
10. Attenersi a una guida di stile
Una volta che hai una solida idea di come dovrebbe apparire il tipo in un progetto, crea una guida di stile con tutte le tue esatte regole per l'uso.
Fare copie. Mettilo online in un luogo accessibile. E usalo ogni volta che apporti modifiche al design.
La coerenza è una componente chiave del design perfetto per la tipografia.
Conclusione
La cosa sulla tipografia buona o cattiva è che la maggior parte degli utenti può identificare l'una o l'altra. Sanno solo quando il design non è giusto.
La preoccupazione principale quando si tratta di creare una tipografia perfetta è la leggibilità. Il tipo deve essere facile da leggere e capire. Dovrebbe corrispondere all'umore della copia. E dovrebbe sentirsi quasi invisibile agli utenti; funziona quando non devono pensarci e possono leggere con facilità.