Risorse per trovare buoni schemi / combinazioni di caratteri web

Ho iniziato a fare alcuni lavori di progettazione di siti Web freelance per clienti di piccole imprese e parte del mio lavoro prevede la selezione di caratteri da utilizzare sui siti che realizzerò.

Dato che la tipografia non è il mio punto di forza, mi chiedevo se esiste un sito Web che offre una raccolta di schemi / combinazioni che utilizzano i caratteri web. Per "schema" intendo qualcosa di semplice come un piccolo elenco di caratteri che sono stati proposti per funzionare / apparire bene insieme, ad esempio, Carattere A per intestazioni, Carattere B per sottotitoli, Carattere C per copia del corpo, ecc. Fondamentalmente qualcosa come le combinazioni di colori , ad eccezione dei caratteri web.

Penso che un sito come questo sarebbe una grande risorsa per le persone come me che non sono le migliori a scegliere i caratteri che funzionano bene insieme. Sarebbe bello se il sito web indicasse quale degli schemi di caratteri inclusi è costituito interamente da caratteri web gratuiti, poiché questi sarebbero ovviamente molto facili da implementare.

Quindi, qualcuno conosce siti Web come questo?

Questa non è esattamente la risposta che stai cercando, ma qui ci sono alcuni pensieri:

Hoefler e Frere-Jones sono praticamente la crema del raccolto tipografico. Hanno inviato una e-mail qualche tempo fa che mostrava alcuni abbinamenti di caratteri davvero fantastici (con i loro caratteri, ovviamente), ma in cima c'è una buona regola elencata:

... tutto costruito attorno al primo principio altamente scientifico di combinazione di caratteri di H & FJ: mantenere una cosa coerente e lasciare che una cosa vari.

Continuano a mostrare alcune somiglianze e differenze davvero esoteriche (che funzionano davvero bene), ma quella regola è una buona cosa da tenere a mente. Se si utilizza un sans-serif per il testo dell'intestazione, utilizzare un serif per la copia del corpo. Se hai qualcosa con tratti spessi, contrastalo con qualcosa di più sottile. Come è stato discusso in un filo un po 'simile , Bauhaus e Bembo non hanno molto in comune, ma Bauhaus e Futura condividono alcune forme geometriche di lettere mentre variano di spessore e appariscenza generale.

Font in uso è un'ottima risorsa da cui puoi trarre ispirazione. Ho collegato alla sezione Web. Non si occupano di caratteri gratuiti, ma speriamo che questo sia utile.

Consiglio vivamente questo sito Web: http://hellohappy.org/beautiful-web-type/ . Non ci sono così tante combinazioni, ma le mostrano in modo così stimolante.

Tutti i caratteri sono disponibili gratuitamente per uso commerciale dalla brillante Google Font Directory .

Se vuoi provare le tue combinazioni per vedere cosa ti piace (dato che è la cosa più importante, dopo tutto), vai su http://font-combinator.com/ dove c'è un ottimo strumento per modificare alcuni blocchi di testo in vedere come vanno insieme, anche utilizzando la risorsa gratuita di Google Font.

Vai a cercare " Combinazioni di caratteri di Google " per avere più ispirazione.

Per una migliore comprensione dei caratteri è possibile fare riferimento a https://typekit.com/

Hanno una grande raccolta di caratteri da utilizzare per il web design e anche i caratteri di Google hanno anche una buona raccolta di caratteri gratuiti.

Lavora con i caratteri, gioca con i caratteri. È l'unico modo per diventare bravo nella selezione dei caratteri.

Hai provato fooont.com ? È costituito interamente da coppie di caratteri ospitate su Google Webfonts.

Basta scaricare il file CSS e usarlo immediatamente sul tuo sito web. Spero che questo possa aiutare :)

Mixfont è un sito che mostra vari abbinamenti da Google Fonts e fa sì che gli utenti votino i loro abbinamenti preferiti.

Esistono molti siti che forniscono abbinamenti di caratteri. Alcuni che non sono stati ancora menzionati includono

• Femmebot - Per gli abbinamenti di Google Font.
• Coppia di caratteri : anche per gli abbinamenti di caratteri Google.
• Canva - Abbinamenti di caratteri più generali.
• DesignModo - Anche abbinamenti di caratteri più generali.
• FontJoy - Per la generazione casuale di coppie di caratteri usando l'apprendimento profondo.

Raccomando Typewolf.com . Il sito è gestito dal designer di nome Jeremiah Shoaf.

Ci sono due sezioni che trovo particolarmente utili:

1. Raccomandazioni ed elenchi di caratteri include un paio di elenchi di combinazioni di caratteri.
2. Web Fonts in the Wild è un database di caratteri che include un elenco di accoppiamenti suggeriti e un campione di accoppiamenti di caratteri provenienti da tutto il Web.

Il sito presenta anche un eccellente indice di caratteri simili / alternativi, incluso un documento disponibile per l'acquisto che elenca molte alternative gratuite per caratteri a pagamento; questo è particolarmente utile se hai un budget limitato.