Accoppiare i font è come nutrire i bambini ...

Quando si avvia un progetto di web design ci sono molte decisioni difficili da prendere, incluso il classico: selezionare i caratteri. La tipografia ben eseguita può coinvolgere i visitatori, quando altrimenti potrebbero sfiorare il contenuto principale.

Tuttavia, è difficile convincere le persone a ricevere nuove informazioni utili. Pensare a questo porta pensieri di difficoltà nel confronto con la gestione dei bambini. In effetti, le difficoltà di far mangiare i bambini correttamente sono molto simili al nostro dilemma sopra menzionato. Ecco perché in questo articolo esamineremo come la comprensione di questa relazione migliorerà l'abbinamento dei font.


Rompere il rapporto

Ok, quindi abbiamo introdotto la lezione di analogia abbastanza rapidamente. Prendiamo un momento per rompere ulteriormente perché questa analogia vale la pena imparare.

Immagine: foto di dominio pubblico cc

Hai mai provato a far mangiare un bambino alle verdure verdi? Per quelli che hanno la fortuna di non averlo provato, non è un picnic. I bambini odiano le cose che fanno bene perché i benefici richiedono tempo per apparire, mentre la gioia che si prova mangiando il gelato è immediatamente presente in ogni momento.

Questo si riferisce agli utenti di oggi perché tutti ci siamo abituati alla gratificazione immediata. Non importa quanto possa essere buono qualcosa, il percorso più veloce per ottenere i risultati è l'opzione migliore.


Questo si mostra nel modo in cui gli utenti interagiscono con i siti web dalla tendenza a leggere il titolo e sentirsi come se avessero tutto ciò di cui hanno bisogno. Non sono imbarazzato nel dire che lo faccio ogni tanto.


Attributi di qualità

La qualità in termini di scelta dei caratteri e l'alimentazione dei bambini è molto importante (piuttosto stomaco) della cosa di beholder.

Immagine: Sean Dreilinger cc

Non è possibile generalizzare ciò che le persone vorrebbero, poiché nessuno di noi è uguale, ma ci sono alcune qualità che aiutano a fornire il miglior tentativo possibile in questo.

Sembra buono

L'aspetto è un fattore importante nell'idea di un bambino di come qualcosa ha un sapore. Ad esempio, prendi una torta di mele e delle ostriche crude. Se questi fossero entrambi presentati ad un bambino quale si avrebbe subito le dita dentro? Naturalmente, la torta di mele avrebbe il gomito del bambino in profondità, mentre le ostriche probabilmente li terrebbero fuori di testa.

Lo stesso principio vale per le scelte dei caratteri. Appello è ciò che gli utenti si appoggiano nei primi cinque secondi per determinare se rimanere o meno. Almeno fino a quando la tecnologia non migliorerà al punto da poter utilizzare i profumi per progettare per il web. Sarà fantastico!

Gustoso

Qual è il punto in qualcosa di bello se ha un sapore orribile? Rendere il cibo buono non è scienza missilistica. Finché comprendi i principi di base del giusto rapporto tra dimensione e quantità di condimento, sei d'oro.

Nel caso del tuo progetto, il font è uno dei condimenti e il contenuto è il cibo. In ogni livello di contenuto, headline to body copy, il font deve completare in modo appropriato il suo contenuto. Naturalmente, ci sono altri fattori che vanno in questo tipo di dimensione del carattere, altezza della linea, spaziatura della sezione, e molti altri, ma quelli sono per un po 'più tardi.

Appropriatamente colorato

Hai seguito questo articolo molto bene finora, devo dire, almeno nella mia testa. Questa esperienza di lettura sarebbe la stessa se il colore del font per la copia del corpo fosse rosso, arancione o giallo? No, sarebbe orribile. I colori toglierebbero tutta l'attenzione dal contenuto.

Immagina un piatto con tre opzioni di cibo di fronte a un giovane facilmente distratto. Un verde salutare, un marrone non salutare e un rosso e un giallo molto malsano. L'oggetto malsano attira la loro attenzione, il rosso e il giallo sono colori caldi, a volte accattivanti, a volte gratuiti.

Applicando questo ai caratteri, le tue scelte di colore dovrebbero essere utilizzate per attirare l'attenzione e complimentarsi a vicenda.


Ideale "Piano pasto" per l'abbinamento dei font

Dopo questo breve manuale, è ora di farti conoscere il motivo per cui stai leggendo questo articolo. È vero, ci stiamo muovendo usando questa nuova comprensione per creare il piano pasto ideale per l'abbinamento dei caratteri. Non sembra delizioso?

Immagine: katstan cc

L'ingresso principale

Questa parte del nostro piano alimentare potrebbe descrivere con precisione il suo cuore. Ora, a memoria, non mi riferisco all'essere più allineato con il messaggio ideale. Invece, viene identificato come il principale fattore di attenzione.

Ad esempio, pensa al menù per bambini di un ristorante. Vedete l'elemento evidenziato come l'ordine laterale degli asparagi al vapore o le succose pepite di pollo alla griglia? Le crocchette di pollo alla griglia è il punto forte che funge da incentivo per ordinare oggetti gratuiti come gli asparagi.

Suggerimenti

  • Utilizzare idealmente un colore di carattere forte e caldo
  • Il carattere più distintivo nel progetto
  • Un riepilogo degli incentivi del messaggio di contenuto generale
  • Dovrebbe avere il peso del carattere più pesante, o almeno un ruolo autorevole nella gerarchia
  • Quantità generosa di spazio bianco che la separa dal contenuto

Contorni)

Se l'antipasto principale è il fuoco, allora è appropriato descrivere i piatti laterali come i gregari. Lo so, lo so, troppe analogie vengono gettato da queste parti. Comunque, solo nudo con me, avrà un senso in un lampo.

Una volta deciso il tuo antipasto, inizierai a cercare altro cibo che funzioni bene per migliorarlo. È questo obiettivo di miglioramento che definisce il contorno. Questo obiettivo è anche il motivo per cui le intestazioni di copia del corpo sono i tuoi contorni. Aggiungono al valore l'attenzione dell'utente al contenuto creato dal titolo. Come ogni adolescente può dirti, avere un wingman in omaggio può essere un vero toccasana!

Suggerimenti

  • Il colore del carattere è gratuito e meno intenso
  • Prova ad impostare la dimensione del font almeno 10px, 0.6 em, più piccola del titolo
  • Meno spazio bianco tra questo e il contenuto come dato al titolo

Verdura

Ora siamo passati da tutti gli elementi che attirano l'attenzione nella nostra vera fonte di sostanza, le verdure. In ogni pasto per un bambino, il vegetale è la cosa principale che vuoi che mangi. Tuttavia, farli guardare sembra un compito impossibile.

Fornire cose loro fare come l'antipasto principale e il contorno come incentivo a mangiare le verdure. Per il tuo progetto il titolo e le intestazioni del corpo sono il tuo incentivo e la tua copia del corpo è la sostanza.

Suggerimenti

  • La dimensione del carattere non deve essere inferiore a 12px, 0,75 em
  • Il colore del carattere dovrebbe essere qualcosa di solido come una tonalità di grigio più scuro (assumendo uno sfondo pallido)
  • I paragrafi dovrebbero mirare a non più di 6 righe
  • Le scelte di parole utilizzate dovrebbero essere facilmente digerite da qualsiasi tipo di utente

Conclusione

Ora hai una piena comprensione di un metodo facile da seguire per associare i caratteri per i tuoi progetti.

Immagine: phalinn (usata anche come miniatura dell'articolo) cc

Certo, questo nuovo approccio richiederà del tempo per imparare a usare, ma renderà le cose più facili per te. Inoltre, vale la pena utilizzare gli aspetti del trattamento dei tuoi utenti da soli per l'aspetto comico. Destra?!


Letture aggiuntive

  • Una guida per principianti per abbinare i caratteri
  • The Anatomy of Web Typography
  • Comprensione della gerarchia tipografica