Tipografija je izbor i raspored slova: koji se fontovi koriste, u kojoj veličini, s kolikim razmakom i kako se naslovi razlikuju od teksta. Dobra tipografija ne privlači pažnju na sebe, tekst se samo lako čita.
Što se određuje
- Jedan font za naslove i jedan za tekst, rijetko više
- Veličine po razinama, od glavnog naslova do sitnog teksta
- Razmak između redaka i duljina retka
- Kontrast slova i pozadine, koji možete provjeriti alatom za kontrast
Pravila se zapisuju u brand guidelines i dio su svakog vizualnog identiteta koji izrađujemo za klijente.
Hrvatska slova
Mnogi besplatni i ukrasni fontovi nemaju č, ć ili đ, ili ih crtaju slabije od ostalih slova. Prije odabira napišite probnu rečenicu s kvačicama. Web fontove koje sami poslužujete učitajte sa skupom znakova latin-ext, inače preglednik ta slova prikaže zamjenskim fontom.
Tipografija i brzina
Svaka debljina fonta je zasebna datoteka, a svaki višak usporava LCP. Bez rezervnog fonta slične širine tekst pri učitavanju poskoči, što kvari CLS.
Na tiskanim materijalima
Etikete hrane po EU propisu traže najmanje 1,2 mm visine malih slova za obvezne podatke. Tipografiju za tisak provjerite u stvarnoj veličini, ne na ekranu.
Povezani pojmovi
Brand guidelines
Dokument s pravilima primjene brenda — logo, boje, fontovi i ton komunikacije. Osigurava da svi materijali izgledaju kao ista firma.
Vizualni identitet
Skup vizualnih elemenata kojima se firma predstavlja — logo, boje, tipografija i fotografija. Osnovni sloj brenda i prvi dojam kod klijenta.
UX dizajn
Oblikovanje iskustva korisnika na stranici ili u aplikaciji: koliko brzo nađe ono što traži, razumije li ponudu i može li završiti zadatak bez zapinjanja.
Brending
Proces izgradnje prepoznatljivog identiteta firme — vizualnog (logo, boje) i strateškog (pozicioniranje, glas). Gradi povjerenje i omogućuje premium cijene.
CSS
Cascading Style Sheets: jezik kojim se određuje izgled stranice. Boje, razmaci, veličine slova i raspored na mobitelu dolaze odavde, ne iz HTML-a.
Kontrast boja
Razlika u svjetlini između teksta i pozadine. Određuje može li se tekst lako pročitati, a za web postoji mjerljiv minimum u WCAG smjernicama.