Strategie e strumenti di associazione dei caratteri per combinazioni di caratteri perfette

La tua scelta di caratteri imposta il tono per l'aspetto del tuo documento, sito Web o altro design. È divertente e amichevole, elegante e creativo, o serio e formale?

Come regola generale, vorrai usare due o tre caratteri nel tuo progetto. Ma come fai a sapere quale scegliere e quali coppie di caratteri vanno bene insieme?

In questo articolo, discuteremo le strategie e gli strumenti di associazione dei caratteri che ti aiuteranno a trovare le combinazioni di caratteri perfette da usare nel tuo progetto.

Un primer tipografico

Ci sono termini che usiamo in questa guida che potrebbero essere utili per spiegare …

Carattere vs. carattere tipografico

I termini carattere e carattere tipografico sono spesso usati in modo intercambiabile, ma in realtà sono cose diverse. Un carattere tipografico è una famiglia di caratteri; un carattere è una delle variazioni di stile individuali all'interno di quella famiglia. Quindi, Times New Roman è un carattere tipografico e Times New Roman Regular e Times New Roman Medium Italic sono caratteri.

Classificazioni del tipo

Le classificazioni dei tipi sono categorie di caratteri in base al loro aspetto. Alcune classificazioni includono:

• Serif
• Sans-serif
• Gotico
• Macchina da scrivere
• copione
• Decorativo

Queste sono semplicemente le categorie di tipi che troverai su vari tipi di siti Web, fonderie e altro. Un buon punto di partenza per scegliere i caratteri è scegliere una classificazione appropriata per il tuo progetto e il suo argomento.

Serif vs. Sans-Serif

Una delle classificazioni più comuni per i caratteri tipografici è serif contro sans-serif. Non sei sicuro di quale sia la differenza? Un carattere serif ha linee sottili sulla punta delle lettere. Un font sans-serif non ha alcuna funzione di estensione.

superfamiglie

Le superfamiglie sono un gruppo di caratteri tipografici che rientrano in diverse classificazioni. Il carattere tipografico inizierà con la stessa forma di base e quindi conterrà elementi per adattarsi a una classificazione specifica. Un esempio comune di superfamiglia è la superfamiglia di Lucida .

Inoltre, se sei interessato all'aspetto tecnico dei caratteri, puoi leggere la differenza tra i caratteri OTF e TTF .

Scegli il tuo primo carattere tipografico

Alcuni caratteri tipografici rendono le cose un po 'più semplici sembrando avere un solo scopo nella vita. Se stai considerando Copperplate Gothic, probabilmente stai progettando un menu di steakhouse o qualcosa a che fare con una banca.

Sfortunatamente, raramente è così facile. Se hai problemi a trovare un candidato adatto, considera di fare una piccola ricerca. Cerca esempi che possano aiutarti a orientarti nella giusta direzione.

Ricorda, non stai cercando di copiare, stai cercando ispirazione. È probabile che qualcuno abbia già risolto questo problema e la loro soluzione potrebbe aiutarti a informare il tuo.

Dopo aver scelto quel primo carattere tipografico, è tempo di pensare al suo complemento.

Scegliere un'associazione di caratteri

Ci sono molte linee guida per capire quali caratteri si accoppiano bene insieme. Alcune di queste linee guida possono essere combinate e altre si contraddicono a vicenda.

Mentre ci sono alcune cose che dovrebbero assolutamente essere evitate quando si tratta di accoppiamento dei caratteri (come usare troppi caratteri), ci sono altre linee guida che sono più flessibili e dipendono in gran parte dall'umore o dallo scopo del tuo design.

Eccone alcuni da tenere a mente.

1. Crea contrasto

"Gli opposti si attraggono" è sicuramente vero quando si tratta di caratteri. Non vuoi usare opzioni troppo simili. O semplicemente non aggiungerà nulla al tuo design o sembrerà leggermente fuori.

Invece, abbina un carattere swirly a uno grassetto. Associa un carattere leggero e arioso a uno spesso. Collega il tuo carattere serif con un'opzione elegante e corsiva. Associare un slab serif a un carattere per la scrittura , come nell'esempio sopra.

Oppure combina stretto con largo: un buon abbinamento di caratteri per Copperplate è qualcosa di più sottile come Helvetica Condensed.

2. Keep It In the Family

Una delle cose più semplici che puoi fare è limitare semplicemente le tue scelte a un carattere tipografico e variare i caratteri cambiando la dimensione, il peso o l'inclinazione. Questa potrebbe non essere la scelta più creativa, ma è il modo più semplice per creare un po 'di diversità con il tuo testo.

Alcuni caratteri tipografici hanno un set di caratteri piuttosto esteso. Bebas Neue , ad esempio, è disponibile in una varietà di pesi. Combina Bebas Neue Bold con Bebas Neue Light in diverse dimensioni e sei un passo avanti verso un design eccezionale.

Mentre Bebas Neue è un carattere tipografico solo in maiuscolo, puoi anche giocare con le maiuscole come un modo per aggiungere un po 'di interesse al tuo design.

Se vuoi un po 'più di varietà, ma scopri che tenerlo in famiglia funziona meglio per te, cerca le superfamiglie. La superfamiglia di Lucida include Sans, Serif, Typewriter Sans, Typewriter Serif, Math e altri caratteri tipografici.

3. Combina Serif e Sans-Serif

Un modo rapido ed efficace per creare contrasto è accoppiare un carattere serif con un carattere sans-serif. Come puoi vedere nell'esempio seguente, un buon abbinamento di caratteri Calibri è un carattere serif come Times New Roman:

Uno dei modi più semplici per selezionare le opzioni complementari serif e sans-serif è mantenerlo nella superfamiglia. Viget fornisce un ampio elenco di superfamiglie che possono essere utili e assicura che i tuoi caratteri si completino a vicenda.

4. Limitati a due o tre caratteri

Ti verrà difficile trovare un designer professionista che non rispetti questa regola cardinale tipografica. Se stai combinando caratteri, ti consigliamo di limitarti a due o tre.

Se il tuo disegno contiene un'intestazione, un sottotitolo e un corpo, puoi usare tre diversi caratteri. Probabilmente vor
rai attenersi a solo due se il tuo design è meno pesante di testo.

Ci sono eccezioni alla regola, ma solo in tipi molto particolari di design.

Ispirazione e idee per l'abbinamento dei caratteri

Infine, se trovi ancora l'idea di accoppiare i caratteri scoraggianti, ci sono molti strumenti di associazione dei caratteri là fuori per aiutarti ad assicurarti che il piccolo Calibri non finisca per correre con una brutta folla.

Combinazioni di caratteri di Canva

Le combinazioni di caratteri di Canva ti consentono di selezionare la tua prima scelta e di suggerire quale dovrebbe essere il suo partner. Utilizza i caratteri disponibili tramite lo strumento di progettazione Canva, quindi alcuni caratteri tipografici comuni non sono inclusi.

Typ.io

Il sito Web Typ.io è diviso in due sezioni. La prima sezione presenta combinazioni di caratteri provenienti da tutto il Web come fonte di ispirazione. L'altra sezione presenta elenchi di caratteri che si accoppiano bene in base alla funzione, ad esempio se verranno utilizzati per l'intestazione o il testo del corpo.

Solo il mio tipo

Se ti ritrovi a progettare nella suite di programmi Adobe, Just My Type ti sarà molto utile. Il sito offre suggerimenti di abbinamento per i caratteri Typekit di Adobe, nonché dal servizio tipografia cloud di Hoefler e Co.

Hoefler and Co. ha anche una guida davvero utile sulla scelta delle " palette di caratteri ". Raccomandano di combinare caratteri dello stesso periodo storico con caratteristiche diverse o qualità di linea simile con trame diverse. I suggerimenti sui caratteri provengono da Hoefler and Co., ma è possibile applicare le regole ad altri caratteri.

Pinterest

Come per la maggior parte delle cose visive, Pinterest è un'ottima fonte di ispirazione per l'abbinamento dei caratteri. Cerca "accoppiamento dei caratteri" o "tipografia" e troverai tantissimi ottimi suggerimenti.

Digitare Connection

Crea un gioco di associazione di caratteri con Type Connection . Il sito Web ti consente di scegliere il tuo primo carattere e selezionare il secondo diventa una sorta di "scegli la tua avventura".

Vuoi andare con qualcosa che proviene dalla stessa famiglia, un carattere simile, un carattere contrastante o immergerti nel passato?

Google Type

Se la tua fonte di font preferita è Google Fonts, Google Type è un'ottima fonte di ispirazione per come questi caratteri si accoppiano bene insieme. Usando il testo di Aesop's Fables e le foto di Unsplash, il sito è un'ispirazione visiva per il modo in cui Google Fonts gioca bene insieme.

Font Pair è un altro strumento utile per gli utenti di font Web di Google, che offre suggerimenti per le scelte di font header e body che si abbinano bene.

Typespiration

Typaspiration ti dà idee non solo su come combinare i caratteri, ma getta anche combinazioni di colori per una buona misura. È particolarmente utile per il web design, poiché i campioni ti danno un'idea di come appariranno i tuoi articoli utilizzando determinate combinazioni.

Blender Font Web

Web Font Blender non fornisce suggerimenti per te, ma ti consente di giocare con diversi Google Fonts e visualizzarli in anteprima con titolo, sottotitolo e testo del campione. Come bonus, genera il CSS necessario per utilizzare questi caratteri in un design online.

Trova i caratteri giusti

Quindi ora sai cosa cercare quando scegli i caratteri per il tuo progetto. Ma qual è il posto migliore per trovare quei caratteri da usare?

La nostra guida ai migliori font di Google ti aiuterà a trovare fantastici font gratuiti per siti Web e presentazioni.

E se vuoi una gamma ancora più ampia tra cui scegliere, dai un'occhiata al nostro elenco dei migliori siti Web per scaricare e utilizzare caratteri gratuiti .

Credito di immagine: mrdoomits / Depositphotos

Leggi l'articolo completo: strategie e strumenti per l'associazione dei caratteri per combinazioni di caratteri perfette