Logo de Dallonses

Tipografia

Què és la tipografia?

La tipografia és la pràctica de disposar el text perquè el llenguatge escrit sigui llegible, fàcil de llegir i clar en la seva intenció. Abasta molt més que triar una família tipogràfica. Mida, pes, interlineat, longitud de línia, espaiat entre lletres i les relacions entre tots ells decideixen amb quina facilitat algú llegeix una pantalla i amb quina rapidesa entén el que importa. La bona tipografia és gairebé invisible. La dolenta es nota a l'instant.

Al web, unes poques decisions carreguen gairebé tot el pes. Una escala tipogràfica fixa un ritme coherent de mides perquè titulars, subtítols i cos de text es relacionin entre si en lloc de semblar aleatoris. La jerarquia fa servir mida, pes i espaiat per dir-li a l'ull què llegir primer. La longitud de línia importa més del que la gent espera: un paràgraf que ocupa tota l'amplada d'un monitor ampli costa de seguir de debò, per això una mesura còmoda ronda els 50 a 75 caràcters. Un article llarg compost en una font atapeïda i amb poc interlineat perdrà lectors per bo que sigui el text.

La tipografia també porta veu. Una família tipogràfica i la manera de compondre-la es poden llegir com a autoritàries, properes, tècniques o desenfadades abans de processar una sola paraula. Això converteix el tipus en un dels senyals de marca més forts que té un producte, i per això les decisions tipogràfiques pertanyen al design system en lloc de decidir-se pàgina a pàgina.

La tipografia a Dallonses

Tractem el tipus com a estructura, no com a decoració. Aviat en un projecte fixem una escala tipogràfica i les regles al seu voltant, i després les integrem al design system perquè cada pantalla hereti el mateix ritme. Aquesta consistència és el que evita que un producte derivi en una dotzena de mides de titular lleugerament diferents quan un equip llança a tota velocitat.

El tipus és on la nostra feina de disseny d'interfícies d'usuari i de design systems es topa de cara amb la llegibilitat. Provem la tipografia a mides reals, en dispositius reals, amb longituds de contingut reals, perquè una escala que sembla equilibrada en un mockup es pot esfondrar en una taula densa o en una pàgina de text llarg. L'objectiu és text que es llegeix sense esforç i una jerarquia que pensa per l'usuari. Quan el tipus està bé, la gent simplement llegeix.

Tipografia dispersa per tot el teu producte? Donem-li un sistema.

Parlem d'UI

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant