Tag: Web Design

Eccoci con un nuovo articolo della rubrica sulla Tipografia. È arrivato il momento di addentrarci nei tecnicismi di questo argomento: scopriamo quindi cosa sono pesi e stili dei vostri font preferiti, e qualche altra curiosità!

Proseguiamo questa rubrica con un approfondimento su alcune caratteristiche che possono influenzare i font: pesi e stili, se scelti nel modo giusto possono aiutare a migliorare la leggibilità di un testo.

Point Size o Dimensione

Il Point Size è un valore numerico che descrive in modo relativo la dimensione dei caratteri. Per esempio, se un font è “Times New Roman 12”, il numero “12” indica il Point Size.
In tutti gli editor di testo è possibile modificare le dimensioni dei caratteri di un font. Scegliere il Point Size corretto quando si sviluppano le pagine di un sito web, è importante per incrementarne la leggibilità.

Weight o Peso

Il Peso di un font si riferisce allo spessore di un testo. Un font molto sottile viene definito “leggero” (light o thin), mentre un font più cicciotto è chiamato “grassetto” (bold) oppure “ispessito/pesante” (heavy).
L’impiego di font con diversi pesi all’interno di un testo, ad esempio per distinguere i titoli dal corpo, può aiutare a rendere il copywriting più semplice di leggere.

Italic o Corsivo, Roman o Tondo e Bold o Grassetto

Roman (o tondo) descrive un font nella sua apparenza “normale”, ovvero come è stato ideato all’origine. Normalmente è la forma idealmente più leggibile e quindi quella più impiegata per i testi principali.
Italic (o corsivo) è un effetto inclinato che viene dato ai glifi per dare l’idea di una scrittura (appunto) corsiva. Di solito il corsivo viene utilizzato per evidenziare delle citazioni da altre fonti.
Bold (o grassetto) identifica l’ispessimento di un font Roman. Così come il corsivo, il grassetto viene impiegato per evidenziare alcuni passaggi o parole di un testo.

Baseline o Linea di Base

La Baseline è una linea immaginaria su cui posano le lettere del font.

Capline

Capline identifica la linea immaginaria che identifica il limite superiore delle lettere maiuscole (capital letter in inglese)

Con il termine Midline si intende la linea immaginaria che determina l’altezza massima delle lettere minuscole (escludendo ascendenti e discendenti).

Tutte le linee – Baseline, Capline e Midline – servono a determinare le proporzioni per le ascendenti e le discendenti dei glifi di un font.

x-height o Altezza della x

La x-height è (letteralmente) l’altezza della “x”. Questa misure serve per determinare se un font è alto o basso.

Eccoci giunti alla fine di questa “terza puntata” che speriamo vi abbia aiutato a capire pesi e stili che possono influenzare e modificare i font!

Leggibilità è il mantra di web designer e sviluppatori di siti internet. Perché un glifo non deve essere solo bello, ma anche chiaro e leggibile.
Quindi è davvero importante conoscere cosa compone un font e quali possono essere le differenze che li distinguono.

Come promesso, dopo il primo articolo di questa Rubrica, è arrivato il momento di proseguire l’approfondimento dell’argomento Tipografia.
Prima di iniziare ad approfondire l’argomento “Font”, dobbiamo fare una considerazione importantissima: il 75% delle informazioni di lettura vengono acquisite tramite la visione della parte centrale delle lettere.
Questo significa che le parti che compongono i glifi devono rispettare alcune proporzioni per non inficiare la leggibilità del nostro testo.

Le Proporzioni

Tutti i glifi poggiano su una Baseline (o linea base), e hanno come riferimento una Midline (o linea mediana) che viene calcolata sull’altezza della “x” minuscola (ovvero la x-height). Però non tutti i caratteri rientrano completamente tra queste due guide: esistono infatti lettere che si allungano verso l’alto o verso il basso e presentano dei bracci chiamati ascendenti e discendenti.
Tornando alla questione della leggibilità, ci è chiaro ora perché è molto importante che la parte centrale delle lettere non sia troppo piccola rispetto alle ascendenti e alle discendenti, altrimenti il nostro testo potrebbe essere non solo sproporzionato e “brutto” ma anche troppo difficoltoso la leggere.

Font

Conosciuto anche come “carattere tipografico”, Font è un termine ampio che comprende lo stile, la grandezza ed il peso di un testo. Font molto conosciuti sono ad esempio “Arial” e “Times New Roman”.
La scelta del Font influenza il modo in cui l’utente fruisce del nostro sito web. Differenti Font hanno differenti personalità, che possono produrre un effetto diverso, anche in modo molto sottile, sulla percezione del messaggio da parte del lettore.

Serif (o Graziato)

Un “Serif” è una piccola appendice che è presente al termine delle linee di un carattere. I Font che presentano questa particolarità vengono appunto chiamati Serif Font (o Graziati in italiano).
Questo tipo di font è stato tradizionalmente impiegato nel corpo del testo per le stampe di libri e giornali ed era il carattere usato nelle macchine da scrivere.
Quindi usare un Graziato per i testi del nostro sito potrebbe essere una buona idea se vogliamo richiamare lo stile vintage di una pagina stampata.

Sans-serif (o Bastoni)

Sans-Serif è un carattere “senza Serif”, ovvero lettere che terminano in modo preciso e netto.
La semplicità dei font Bastoni cattura l’attenzione del lettore rendendoli ideali per enfatizzare i titoli.
Il contrasto tra i Bastoni e i Graziati è il principio fondamentale per cui utilizzarli insieme, nelle diverse parti che compongono la nostra pagina, ci aiuta a guidare l’utente nella lettura di un testo.

Script (o Calligrafici)

Questi tipi di font simulano la scrittura a mano libera.
Sono tornati molto di moda negli anni scorsi, con il proliferare dei blog personali, quasi “casalinghi”, perché riescono a trasmettere la sensazione di qualcosa di intimo, come erano le lettere tradizionali scritte a mano che si spedivano una volta.
Vengono diffusamente utilizzati per i loghi ed titoli di siti dedicati al mondo femminile.

Originali

Si tratta di font con caratteri molto particolari, che hanno un uso ristretto se non addirittura mirato.
Anche se molto belli e “scenografici”, risultano quasi sempre poco leggibili.

Eccoci giunti alla fine di questa “seconda puntata”, ma arriverà presto un nuovo aggiornamento di questa rubrica, perché ci sono ancora tantissime cose da scoprire ed imparare sulla Tipografia!

Tipografia nella concezione moderna significa “la tecnica e l’attività del comporre e stampare, o anche l’insieme delle arti grafiche“. Il linguaggio verbale è rappresentato tramite le lettere, e le lettere vengono accostate e impaginate per creare composizioni e comunicare.

La progettazione di un elemento abbastanza complesso come la redazione di un testo, non coinvolge solo il lato puramente compositivo e stilistico dello “scrivere“, ma anche quello estetico/funzionale di fruizione di uno scritto e comunicativo nella chiarezza del messaggio.
Questa nuova Rubrica vuole essere un piccolo vademecum in pillole, sui termini tipografici più importanti e più utilizzati, o comunque “quelli da sapere“… per riuscire a capire come scegliere un font, cosa lo compone e come poterlo gestire al meglio per fare un Copywriting non solo ottimizzato dal punto di vista dei contenuti, ma anche della tipografia!

Glifo

Il Glifo è la più piccola particella che compone un font e può avere qualunque significato. Glifi possono essere le lettere, i numeri, la punteggiatura e qualsiasi altro carattere.
Se dobbiamo scegliere un font per un sito web o qualsiasi altra produzione, è importante valutare se questo dovrà essere prodotto in diverse lingue. Questo perché occorre controllare che il carattere tipografico scelto includa tutti i glifi necessari (caratteri speciali, accenti particolari, ecc).

Kerning o Crenatura

Il Kerning o Crenatura indica la riduzione dello spazio in eccesso fra coppie specifiche di caratteri, con lo scopo di diminuire gli spazi bianchi antiestetici e dare un aspetto più omogeneo al testo e varia in funzione delle diverse parti che compongono il carattere.
Il Kerning è particolarmente importante nel Web Design perché può sottilmente influenzare il modo in cui le persone percepiscono un testo. Se non viene usato il Kerning, le lettere di un testo potrebbero apparire o troppo appiccicate o troppo distanti, quindi, quando dobbiamo scegliere un font sarebbe meglio provare a scrivere un piccolo paragrafo per verificarne la leggibilità.

Tracking o Spaziatura

Il Tracking o Spaziatura è l’aggiustamento complessivo dello spazio tra le lettere di un testo.
Si differenzia dal Kerning in quanto si tratta di una regolazione uniforme della spaziatura dei caratteri, piuttosto che una rettifica delle distanze tra i singoli caratteri.
Per esempio è utilizzato per allargare o comprimere un testo perché possa occupare uniformemente lo spazio di un pulsante.

Se volete approfondire l’argomento Kerning/Traking potete trovare maggiori informazioni in questa piccola guida.

Leading o Interlinea

Il Leading o Interlinea, è lo spazio verticale che separa due righe di testo.
La corretta distanza dell’interlinea aiuta gli occhi del lettore a leggere in modo scorrevole, aumentandone la leggibilità. Altrimenti, un’interlinea sproporzionata potrebbe dare l’effetto di un testo sgraziato se le righe saranno troppo vicine, oppure incoerente e difficile da seguire se troppo lontane.

Speriamo che questo primo articolo possa aver chiarito qualche dubbio e approfondito certe definizioni.
Il mondo della Tipografia è non solo estremamente vasto, ma anche molto interessante, dato che ha radici lontane nel tempo… quindi aspettatevi presto nuovi approfondimenti si questo affascinante argomento!