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

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

La tua scelta di caratteri dà il tono all'aspetto del tuo documento, sito web o altro design. È divertente e amichevole, elegante e creativo o serio e formale?





Come regola generale, ti consigliamo di utilizzare 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 abbinamento dei caratteri che ti aiuteranno a trovare le combinazioni di caratteri perfette da utilizzare nel tuo progetto.





Un primer tipografico

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

Carattere e carattere tipografico

I termini font e carattere tipografico sono spesso usati in modo intercambiabile, ma in realtà sono cose diverse. UN carattere tipografico è una famiglia di caratteri; un fare è 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.



di che attrezzatura hai bisogno per avviare un canale youtube

Classificazioni dei tipi

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

  • serif
  • Sans-serif
  • Gotico
  • Macchina da scrivere
  • sceneggiatura
  • 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 oggetto.





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 all'estremità delle lettere. Un font sans-serif non ha funzionalità di estensione.

Superfamiglie

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





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

Scegliere il tuo primo carattere tipografico

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

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

Ricorda, non stai cercando di copiare, stai cercando l'ispirazione. È probabile che qualcuno abbia già risolto questo problema e la loro soluzione potrebbe aiutare a informare la tua.

Una volta scelto quel primo carattere, è il momento di pensare al suo complemento.

Scegliere un abbinamento di caratteri

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

Mentre ci sono alcune cose che dovrebbero essere assolutamente evitate quando si tratta di abbinare i 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. Semplicemente non aggiungerà nulla al tuo design o sembrerà leggermente fuori posto.

Invece, abbina un carattere swirly con uno in grassetto. Abbina un carattere leggero e arioso con uno spesso. Collega il tuo carattere serif con un'opzione elegante e corsiva. Accoppia uno slab serif con a carattere della scrittura a mano , come nell'esempio sopra.

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

2. Tienilo in famiglia

Una delle cose più semplici che puoi fare è limitare semplicemente le tue scelte a un carattere tipografico e variare i caratteri modificando 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 ampio. Il nuovo di Beba , 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 grande design.

Mentre Bebas Neue è un carattere tipografico solo maiuscolo, puoi anche giocare con le maiuscole come 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.

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 qui sotto, un buon abbinamento di caratteri Calibri è un carattere serif come Times New Roman:

Uno dei modi più semplici per selezionare opzioni serif e sans-serif complementari è mantenerlo nella superfamiglia. Viget fornisce un lungo elenco di superfamiglie che può essere utile e garantisce che i tuoi caratteri si completino a vicenda.

4. Limitati a due o tre caratteri

Sarà difficile trovare un designer professionista che non viva secondo questa regola cardinale della tipografia. Se stai combinando i caratteri, ti consigliamo di limitarti a due o tre.

Se il tuo design contiene un'intestazione, un sottotitolo e un corpo, puoi utilizzare tre diversi tipi di carattere. Probabilmente vorrai attenerti a solo due se il tuo design è meno pesante per il testo.

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

Ispirazione e idee per l'abbinamento dei caratteri

Infine, se trovi ancora scoraggiante l'idea di abbinare i caratteri, ci sono molti strumenti di abbinamento dei caratteri là fuori per aiutarti a 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 suggerisce quale dovrebbe essere il suo partner. Utilizza i caratteri disponibili tramite lo strumento di progettazione Canva, quindi alcuni caratteri tipografici comuni non sono inclusi.

Tipo.io

Il Tipo.io sito web è diviso in due sezioni. Le caratteristiche della prima sezione combinazioni di caratteri da tutto il web come fonte di ispirazione. Le altre caratteristiche della sezione elenchi di caratteri che si accoppiano bene insieme in base alla funzione, ad esempio se verranno utilizzati per l'intestazione o il corpo del testo.

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 abbinamento per Adobe Font Typekit così come da Hoefler e Co's Servizio di tipografia cloud .

Hoefler and Co. ha anche una guida molto utile sulla raccolta ' fare pallet ' Consigliano di combinare caratteri dello stesso periodo storico con caratteristiche diverse o qualità della linea simile con trame diverse. I suggerimenti per i caratteri provengono da Hoefler and 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 font. Basta cercare 'abbinamento di caratteri' o 'tipografia' e troverai un sacco di ottimi suggerimenti.

Tipo di connessione

Fai un gioco di abbinamento dei caratteri con Tipo di connessione . Il sito Web ti consente di scegliere il tuo primo carattere e selezionare il secondo diventa una sorta di 'scegli la tua avventura'.

come collegare l'interruttore alla tv

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

Tipo Google

Se la tua fonte di font preferita è Google Fonts, Tipo Google è una grande fonte di ispirazione per come questi caratteri si abbinano bene insieme. Utilizzando il testo delle favole di Esopo e le foto di Unsplash, il sito è un'ispirazione visiva per il modo in cui i caratteri di Google funzionano bene insieme.

Coppia di caratteri è un altro strumento utile per gli utenti di caratteri Web di Google, che fornisce suggerimenti per la scelta dei caratteri dell'intestazione e del corpo che si abbinano bene.

Tipoispirazione

Tipoispirazione ti dà idee non solo su come combinare i caratteri, ma introduce 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.

Frullatore di caratteri Web

Frullatore di caratteri Web non fornisce suggerimenti per te, ma ti consente di giocare con diversi Google Fonts e di visualizzarli in anteprima con intestazione, sottotitolo e corpo del testo di esempio. 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 a i migliori caratteri 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 di i migliori siti Web per scaricare e utilizzare caratteri gratuiti .

Credito immagine: mrdoomits/ Depositphotos

Condividere Condividere Tweet E-mail Canon vs Nikon: quale marca di fotocamere è migliore?

Canon e Nikon sono i due più grandi nomi nel settore delle fotocamere. Ma quale marca offre la migliore gamma di fotocamere e obiettivi?

Leggi Avanti
Argomenti correlati
  • Creativo
  • caratteri
  • Tipografia
  • Web design
  • Disegno grafico
Circa l'autore Andy Betts(221 articoli pubblicati)

Andy è un ex giornalista cartaceo ed editore di riviste che scrive di tecnologia da 15 anni. In quel periodo ha contribuito a innumerevoli pubblicazioni e prodotto lavori di copywriting per grandi aziende tecnologiche. Ha anche fornito commenti di esperti per i media e ha ospitato panel in occasione di eventi del settore.

Altro da Andy Betts

Iscriviti alla nostra Newsletter

Iscriviti alla nostra newsletter per suggerimenti tecnici, recensioni, ebook gratuiti e offerte esclusive!

Clicca qui per iscriverti