La combinazione di caratteri tipografici è una delle abilità più impegnative per un progettista da padroneggiare. L'impostazione di due tipi di carattere insieme nello stesso design mette in risalto sapori inattesi in entrambi. Inoltre, raramente c'è una risposta giusta o sbagliata.

Esistono dozzine di modi diversi per combinare i caratteri tipografici, alcuni più utili di altri, ma il punto più pratico per iniziare è capire il ruolo di ciascun carattere tipografico e concentrarsi sulle sue qualità.

Quanti tipi di carattere sono troppi tipi di carattere?

Raramente hai bisogno di più di un carattere tipografico. Uno è quasi sempre adeguato per creare una gerarchia e trasmettere il tuo messaggio.

In termini pratici, il design di un singolo carattere tipografico è raro, se non altro perché la maggior parte dei disegni presenta un logo e la maggior parte dei loghi presenta un testo e, per sua natura, un carattere tipografico utilizzato per un logo probabilmente non funzionerà per il corpo del testo. C'è una regola empirica che dice che non si dovrebbero usare più di tre caratteri tipografici in un unico disegno, dato che il logo usa uno (o due!) Caratteri tipografici, probabilmente ci si limita a due facce.

Normalmente, per far risaltare le nostre intestazioni quando la pagina viene scansionata, usiamo un carattere tipografico per il corpo del testo e uno per la visualizzazione. Tuttavia, puoi far risaltare le intestazioni utilizzando una variazione in grassetto o un colore accentato, non è necessario un carattere tipografico aggiuntivo per questo.

I file di carattere tendono ad arrivare a circa 65kb, se stai utilizzando le varianti in corsivo e peso, allora sono quasi 200kb di download aggiunti al tuo sito. Quel che è peggio sono le richieste HTTP aggiuntive fatte al server.

Quindi la risposta è: meno font e meglio è. Ogni carattere tipografico deve guadagnare la sua tenuta, se non si ha una buona ragione per usarlo, allora non farlo.

Come selezionare un font pratico

Spesso, la scelta del font iniziale è fuori dalle tue mani; le aziende spesso specificano un carattere tipografico, o anche un set di caratteri, come parte delle linee guida del marchio. Occasionalmente troverai che un lavoro ha requisiti specifici, come una stanza limitata che potrebbe richiedere una faccia condensata, o un sacco di testo legale che potrebbe richiedere una faccia che sia altamente leggibile a piccole dimensioni. Tuttavia, se ti trovi con una pagina completamente vuota, con opzioni illimitate, il luogo naturale da cui iniziare è la più grande percentuale di testo, e probabilmente è la tua copia del corpo.

Quando si seleziona un carattere tipografico per il corpo del testo, la preoccupazione principale dovrebbe essere la leggibilità. Non preoccuparti della personalità in questa fase.

Sono della scuola di pensiero che crede che sia meglio padroneggiare alcuni tipi di caratteri che conosci bene e su cui puoi fare affidamento, piuttosto che reinventare la ruota in ogni disegno. Quindi sostengo di avere alcune scelte affidabili che puoi chiamare. I miei attuali caratteri go-to per il corpo del testo (su Google fonts) lo sono Droid Sans , Noto Serif , e Cabina .

Come selezionare un carattere di personalità

Ecco dove arriva l'artigianato ...

La selezione del tuo primo carattere tipografico per la leggibilità è di solito il caso di prendere in mano uno strumento affidabile, come un artista che prende in mano una matita 2B. Tuttavia, quando si seleziona un secondo carattere tipografico, ci sono due cose da tenere a mente:

In primo luogo, il tuo secondo carattere tipografico non è selezionato per praticità, ma per personalità. Ed è fondamentale capire che non è solo selezionato per la sua personalità, il secondo carattere tipografico disegna la personalità del primo. Tutti i caratteri hanno una personalità di qualche tipo, la maggior parte ha numerose caratteristiche, come sentirsi amichevoli, o ergonomici o stoici. Se due facce condividono la stessa caratteristica, allora una volta combinata la caratteristica sarà moltiplicata.

fira-Merriweather

Fira Sans e Merriweather

In secondo luogo, il secondo carattere tipografico deve avere l'aspetto di funzionare con il primo, al fine di creare una voce coerente. Cerca facce con proporzioni simili: la forma dei contatori dovrebbe essere simile, il rapporto tra l'altezza x e gli ascensori dovrebbe essere simile.

Con queste due preoccupazioni in mente, hai tre opzioni per selezionare un secondo carattere tipografico:

Opzione 1: la scommessa sicura

Molti tipi di caratteri sono progettati con un compagno serif o sans-serif - Scala Sans ha Scala Serif, Meta ha Meta Serif. Il mio font preferito del momento, Droid Sans, ha Droid Serif .

Il valore di combinare i caratteri complementari è che le forme delle lettere di base sono in genere identiche. Il livello di contrasto è minimo, ma sufficiente per garantire la richiesta http aggiuntiva.

Se non sei molto sicuro della tua capacità di fondere i caratteri tipografici, allora questa è un'opzione davvero affidabile.

Droid-droide

Caratteri tipografici associati Droid Sans e Droid Serif

Opzione 2: contrasto di una caratteristica

Se hai scelto un viso molto leggibile, forse puoi scegliere un quadrante che non lo è. Se hai scelto una faccia geometrica, considera un volto da umanista. Se il tuo viso è caldo e invitante, prova una faccia da esposizione forte e distaccata.

Noto Serif ha bei contatori rotondi (gli spazi in lettere come 'c' e 'o') e le parentesi sui suoi serif sono ugualmente belli e rotondi. È aperto e amichevole, si sente sicuro, e contemporaneo, con piccole espressioni espressive. In contrasto con questo, potresti scegliere un tipo di carattere Questo Sans . Anche Sans è contemporaneo, anche sicuro di sé, anche arrotondato. Ma questo Sans non ha espressioni espressive, è molto più pratico.

Noto-this

Caratteri con stile contrastante, Noto Serif e Questo Sans

Opzione 3: stili di contrasto

Mentre è possibile contrastare una singola caratteristica, puoi anche prendere l'approccio opposto e contrastare tutte le caratteristiche tranne una.

Il modo per farlo è identificare il personaggio principale del tuo primo carattere tipografico, e poi trovare un secondo che condivide solo quella caratteristica. Questo è di gran lunga l'approccio più impegnativo, perché qui è molto soggettivo, ma può anche essere l'opzione che produce le combinazioni più sorprendenti e piacevoli.

Cabin è un semplice sans-serif, con pochissimo contrasto. È quasi il più vicino a un sans-serif geometrico (che significa un carattere tipografico costruito matematicamente) come mi sento a mio agio per il viso di un corpo. Non è affatto accademico, e non è mediatico, ma è un volto aziendale di grande successo.

In contrasto con Cabin, puoi scegliere un tipo di carattere Buenard . Buenard è ugualmente aziendale, ha proporzioni simili a Cabin, ma le sue forme più tradizionali servono a sottolineare la geometria di Cabin.

cabina-buenard

Caratteri con forme contrastanti, Cabina e Buenard

Conclusione

Diversi tipi di carattere, in proporzioni diverse, disegnano diversi gusti nei tuoi progetti. Come per molte cose, la moderazione è spesso consigliabile perché la combinazione di caratteri tipografici è un processo esponenzialmente complesso.

Il modo in cui scegli di unire i caratteri tipografici non ha molta importanza, ciò che conta è il risultato finale. Tuttavia, è quando si rischia e si cercano accoppiamenti inaspettati per scoprire i risultati più soddisfacenti.