Fai risaltare il tuo carattere Web abbinando i caratteri giusti

Pubblicato: 2019-04-30

Riesci a credere che il 95% del design grafico dipenda dalla "tipografia"? Sì, i caratteri possono creare o distruggere l'intero sito Web o poster. Potresti aver selezionato attentamente il layout del tuo sito, scegliere la combinazione di colori perfetta, ma se i tuoi caratteri sono sbagliati, puoi essere certo che le persone non lo leggeranno. Considera i caratteri come la bacchetta magica onnipotente che può rendere immediatamente riconoscibile un marchio.

Facciamo una pausa e facciamo un semplice esercizio qui. Chiudi gli occhi e pensa alla Disney. Ora è il momento della confessione. La prima cosa che ti è venuta in mente è il topo che ha catapultato l'azienda alla fama? O è l'elegante logo del marchio con il marchio "D" e la riccia "Y"? Siamo sicuri che sia quest'ultimo. Questo è il potere della tipografia in poche parole per te.

Abbinare i font insieme non è Dark Arts, è Science

Selezionare il carattere giusto e combinare due caratteri insieme è un compito intimidatorio anche per i designer esperti. Hai mai notato che la maggior parte degli artisti grafici si limita a un paio di caratteri per tutti i loro progetti? Sì, i caratteri possono essere costosi, ma il motivo principale alla base di ciò è che l'abbinamento dei caratteri può essere una seccatura. C'è una scienza nella selezione dei caratteri e nella scelta dei caratteri giusti da abbinare. I caratteri che selezioni per l'intestazione, il sottotitolo e il contenuto hanno il potere di determinare il tono del tuo messaggio e, in ultima analisi, hanno un impatto sul tuo marchio.

Confuso con tutte le regole e le implicazioni? Non preoccuparti, qui in questo articolo, abbattiamo le regole degli abbinamenti di caratteri e ti aiutiamo a trovare quelli migliori per soddisfare il tuo messaggio e contenuto. Ti forniamo anche un cheat sheet di caratteri che funzionano insieme. Puoi usarli la prossima volta che sei perplesso a metà del tuo progetto.

Iniziamo! Innanzitutto, prima di decidere di accoppiare i caratteri, chiariamo le basi.

Come selezionare un carattere?

Uno dei passaggi cruciali dell'intero processo di progettazione è la scelta del carattere giusto. Ecco come farlo.

Contenuto

La regola empirica qui è che il carattere che scegli deve adattarsi al contenuto o al messaggio che vuoi trasmettere. Il contenuto è l'elemento più importante in qualsiasi progetto. Purtroppo, la maggior parte dei designer dilettanti commette l'errore di dedicarlo alla seconda metà del processo di progettazione. Ricorda che se non hai un messaggio da trasmettere, allora non c'è bisogno del design.

Quindi, decidi il carattere in base al tipo di contenuto. È un titolo o sarà una nota secondaria? Il messaggio è professionale o divertente e informale? Il messaggio verrà inserito insieme a un logo? Poni queste domande per aiutarti a iniziare.

Carattere

Se pensi che qualcosa di astratto come un carattere possa avere carattere, allora ti sbagli. I caratteri come l'Helvetica sono piuttosto generici e non significano nulla. Al contrario, altri caratteri producono ricordi e associazioni. Nel momento in cui dai un'occhiata al corsivo Spencerian Script, la prima immagine che ti viene in mente è quella di "Coca-Cola". Allo stesso modo, diversi caratteri hanno caratteri diversi o attivano varie associazioni. Quando selezioni un font per il tuo design, assicurati che il carattere dello script corrisponda a quello del tuo messaggio.

Soprattutto, ricorda che selezionare il carattere giusto significa ascoltare il tuo istinto. A volte, durante la progettazione, hai la sensazione che qualcosa non vada con il font. Quindi sostituisci semplicemente il carattere e riprova, finché non trovi quello che ti sembra giusto.

Suggerimenti per l'abbinamento dei caratteri

Ora che hai capito come selezionare il carattere giusto per il tuo design, passiamo alla fase successiva del processo. La tanto attesa guida all'abbinamento dei caratteri.

Un errore commesso dalla maggior parte dei designer inesperti è quello di utilizzare più caratteri in un unico progetto. Hai sentito il vecchio detto: "Troppi cuochi rovinano il brodo"? Lo stesso vale per i caratteri. Basta attenersi a uno o due caratteri o al massimo tre. Inoltre, sei diretto verso il disastro.

Un altro trucco è creare una guida di stile. Questo non è altro che assegnare diversi set di caratteri che puoi utilizzare ripetutamente in tutti i tuoi progetti. Per creare una guida di stile completa, devi assegnare i caratteri per quanto segue:

  • Titoli e sottotitoli
  • Paragrafi (corpo del testo)
  • Elementi funzionali (come pulsanti, metadati, note)

SUGGERIMENTO 1: NON SOTTOVALUTARE IL POTERE DEL CONTRASTO/

Il contrasto ha un ruolo fondamentale in tutto il design grafico. È il tuo modo per far risaltare il tuo design e per evitare che sia noioso e noioso. Proprio come aggiungi contrasto visivo al tuo design, dovresti sforzarti di aggiungere un tocco di contrasto materico.

Se i caratteri dell'intestazione e del corpo del testo sono troppo simili, puoi essere certo che perde l'impatto richiesto. Abbina caratteri che differiscono per spessore, larghezza e stile. Ad esempio, l'abbinamento di "Serif" e "Sans-Serif" funziona bene. Tuttavia, tieni presente che dovrebbero contrastarsi a vicenda. Se un font ha più caratteri, mantieni l'altro generico per il massimo impatto visivo.

CONSIGLIO 2: UTILIZZA TIPO FOUNDRY

Capire se due caratteri hanno un contrasto sufficiente può essere un compito piuttosto arduo, specialmente per i principianti. Un modo semplice per farlo è utilizzare due font realizzati dallo stesso "Type Foundry". Una fonderia di caratteri non è altro che un'azienda che progetta e vende caratteri a pagamento o gratuitamente.

Oppure puoi usare un carattere tipografico, una famiglia di caratteri. Seleziona un particolare carattere tipografico e scegli due tipi di carattere diversi da esso. Ad esempio, Arial e Arial Black appartengono allo stesso carattere ma si contrastano e si completano abbastanza bene.

SUGGERIMENTO 3: FORNIRE UNA GERARCHIA VISIVA

Prendi un giornale o una rivista vicino a te e dai un'occhiata a qualsiasi pagina a caso. Puoi vedere la gerarchia visiva in gioco. I supporti di stampa tradizionali utilizzano i caratteri per separare diverse parti del testo come titoli, sottotitoli, corpo e didascalie. Questo dà un messaggio sottile ai tuoi occhi e li fa concentrare sulla pagina più importante del contenuto.

Questo viene fatto alterando la dimensione, l'audacia, la spaziatura dei caratteri per consentire ai lettori di navigare nella pagina come previsto dal messaggio. La gerarchia visiva non deve essere limitata solo ai progetti con layout specifici. Anche per pubblicità o poster promozionali sui social media, puoi utilizzare questa tattica per fare in modo che il messaggio più importante raggiunga prima l'utente. Questo attira l'attenzione del lettore e lo convince a leggere di più.

SUGGERIMENTO 4: CONSIDERA L'ALTEZZA X

Un altro modo consolidato per accoppiare i caratteri è confrontarli in base alla loro altezza X. Questo non è altro che l'altezza del carattere "X" in diversi tipi di carattere. Di solito varia da un carattere all'altro. La regola non scritta qui è che i caratteri che hanno la stessa "altezza X" si completeranno a vicenda e funzioneranno insieme.

SUGGERIMENTO 5: EVITARE DI ABBINARE FONT TROPPO CONFLITTI O TROPPO SIMILI

Se due caratteri sono troppo simili, il tuo design sembrerà monotono e sembrerà noioso. Allo stesso modo, se due caratteri sono in conflitto, il tuo design sembrerà caotico.

5 combinazioni di caratteri dall'aspetto sbalorditivo

Per aiutarti a iniziare, qui ti forniamo un elenco di cinque coppie di caratteri che funzionano bene insieme.

LA LINEA DI FONDO

Siamo giunti alla fine della nostra introduzione all'abbinamento dei caratteri. Tieni presente che la tipografia e i caratteri corrispondenti sono fondamentali per il successo dei tuoi progetti. Detto questo, devi anche ricordare che i caratteri mal progettati spesso non funzionano bene. Quindi, invece di attenersi a caratteri gratuiti mal progettati, puoi rendere i tuoi progetti sbalorditivi pagando una piccola tassa per caratteri eleganti e premium. In effetti, i designer di successo dispongono di librerie di caratteri personali che contengono un elenco dei migliori caratteri che funzionano insieme.

Se desideri creare design strabilianti, allora è il momento di affinare le tue abilità tipografiche e creare la tua directory di font personale.

Hai intenzione di realizzare un sito web? Il nostro team qualificato di designer e sviluppatori esperti ha lavorato a diversi progetti di progettazione di siti Web e conosce i dettagli della progettazione. Sali a bordo con noi e guarda crescere le tue vendite e costruisci il tuo sito web! Per i servizi di web design a Gurgaon, puoi chiamarci al +91 124-4379-633. Siamo inoltre disponibili 24 ore su 24, 7 giorni su 7 su www.webfries.com.