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

Annuncio pubblicitario

I caratteri tipografici non sono creature solitarie. A loro piace passare il tempo, e sta a te assicurarti di giocare bene insieme.

Scegliere un tipo di carattere è un po 'come vestirsi per uscire. Se vai all'opera, la scelta è piuttosto semplice. Ma a volte sei invitato in un ristorante / pista di pattinaggio stellato Michelin e la scelta diventa un po 'meno chiara.

La chiave è capire il messaggio e il pubblico. Dopo aver determinato queste due cose, puoi iniziare a perfezionare le tue opzioni.

La meccanica di realtà scegliendo il carattere perfetto Gli 8 migliori siti Web di font gratuiti per font gratuiti onlineNon tutti possono permettersi un font con licenza. Questi siti Web ti aiuteranno a trovare il font gratuito perfetto per il tuo prossimo progetto. Leggi di più può essere un po 'permaloso e varia da designer a designer, ma alla fine l'unica cosa che conta è se il carattere tipografico è appropriato per il messaggio.

Un primer tipografico

Ci sono un paio di termini che useremo in questa guida che potrebbero essere utili per spiegare.

Carattere vs. carattere tipografico

La prima è la differenza tra a font e a carattere tipografico. Sebbene spesso usati in modo intercambiabile, in realtà non sono la stessa cosa.

UN carattere tipografico si riferisce a un insieme generale di caratteri. Quindi, ad esempio, Times New Roman è un carattere tipografico. Ma se vuoi usare la versione in grassetto o in corsivo di un carattere tipografico, è a font. Quindi, per esempio, Times New Roman Bold è un font.

Classificazioni del tipo

Le classificazioni dei tipi sono una categoria di caratteri basata sul 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.

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 è il Lucida Superfamily.

Scegli il tuo primo carattere tipografico

Alcuni caratteri tipografici rendono la tua vita un po 'più semplice 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, prendi in considerazione 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.

Trovare il tuo secondo carattere tipografico

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 anche il modo molti 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. 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. Il Lucida Superfamily include Sans, Serif, Typewriter Sans, Typewriter Serif, Math e altri caratteri tipografici.

2. Combina Serif e Sans-Serif

Un approccio comune alla combinazione di caratteri tipografici è l'associazione di un serif con un sans serif. Nell'esempio seguente puoi vedere la differenza tra un carattere serif in alto (Times New Roman) e un sans-serif in basso (Calibri):

Uno dei modi più semplici per selezionare le opzioni complementari serif e sans serif è mantenerlo nella superfamiglia. Viget fornisce un ampio elenco di superfamiglie può essere utile. Questo è uno dei modi più semplici per assicurarsi che i caratteri serif e sans serif si completino a vicenda.

3. Limita a due o tre caratteri

Ti verrà difficile trovare un designer professionista che non rispetta 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 vorrai 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.

4. 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 a scelta del carattere scritto a mano 15 caratteri di scrittura a mano gratuiti che dovresti scaricare oraChe tu stia creando un'infografica o stia creando un logo, potresti aver bisogno di un buon carattere per la scrittura. Dai un'occhiata a questi! Sono tra i migliori gratuitamente. Leggi di più scelta, come nell'esempio sopra.

Alla ricerca di ispirazione e idee

Infine, se trovi ancora l'idea di abbinare caratteri scoraggianti, ci sono molti strumenti 5 strumenti per confrontare i caratteri tipografici e scegliere il carattere giusto per il tuo lavoroCaratteri e caratteri tipografici ci circondano. Se sei un web designer devi selezionarli attentamente. Quando proviamo a selezionare un carattere, facciamo parecchi confronti tra ... Leggi di più là fuori per aiutarti ad assicurarti che il piccolo Calibri non finisca per correre con una brutta folla.

Combinazioni di caratteri di Canva

Combinazioni di caratteri di Canva ti consente di selezionare la tua prima scelta e fornisce suggerimenti su come dovrebbe essere il suo partner.

Typ.io

Typ.ioIl sito web è diviso in due sezioni. Le caratteristiche della prima sezione combinazioni di caratteri da tutto il web come fonte di ispirazione:

E le altre funzionalità della sezione 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, Solo il mio tipo tornerà molto utile. Il sito offre suggerimenti di associazione per Adobe Caratteri Typekit nonché da Hoefler & Co Servizio tipografia cloud.

Hoefler & Co. ha anche una guida davvero utile sulla scelta "tavolozze dei 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 & Co. ma puoi 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 Una prova di carattere: 10 giochi di font che dimostrano la tipografia possono essere divertentiGiocare con la tipografia può essere divertente. Adorerai questi giochi se ti piace il suono della veloce volpe marrone che salta sul cane pigro. Scopri di cosa stiamo parlando. Leggi di più di associazione di caratteri con Digitare Connection. Il sito Web ti consente di scegliere il tuo primo carattere e selezionare il secondo diventa qualcosa 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. Utilizzando il testo delle favole di Aesop e le foto di Unsplash, il sito è un'ispirazione visiva per il modo in cui Google Fonts gioca bene insieme.

Coppia di caratteri è un altro strumento utile per Carattere Web di Google Come utilizzare i caratteri Google nel tuo prossimo progetto Web e perché dovrestiLa scelta del carattere è una decisione di progettazione integrale su qualsiasi sito Web, tuttavia la maggior parte delle volte ci accontentiamo della stessa vecchia famiglia serif e sans-serif. Mentre il corpo principale del testo dovrebbe essere sempre qualcosa ... Leggi di più utenti, fornendo suggerimenti per le scelte di intestazione e body che si accoppiano bene.

Typespiration

Typespiration ti dà idee non solo su come combinare i caratteri, ma getta anche combinazioni di colori per una buona misura.

Blender Font Web

Web Font Blender non fornisce i 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.

Quali sono le tue combinazioni preferite? Esistono strumenti senza i quali non puoi vivere per aiutarti ad abbinare le tue molte scelte di caratteri? Quali sono i tuoi consigli per trovare l'abbinamento perfetto? Fateci sapere nei commenti.

Credito di immagine: mrdoomits /Depositphotos