Oriphiel web vodič
Tipografija i čitljivost web stranice
Kako odabrati fontove, veličinu, prored, širinu retka i kontrast za čitljiv poslovni sadržaj na svim ekranima.
Odgovor ukratko
Dobra tipografija olakšava razumijevanje i skeniranje; dekorativni font treba ostati ograničen na mjesta gdje ne ugrožava čitljivost.
Ključne odluke
- Koji font podržava hrvatske znakove
- Koliko font varijanti je stvarno potrebno
- Koja je optimalna širina sadržaja
- Kako povećani tekst utječe na layout
Provedba korak po korak
Cilj ove lekcije je Kako odabrati fontove, veličinu, prored, širinu retka i kontrast za čitljiv poslovni sadržaj na svim ekranima. Korake treba provoditi redom i svaki potvrditi prije širenja opsega.
Preporučeni redoslijed
- Odabrati jedan display i jedan tekstualni font ili jednu kvalitetnu obitelj
- Postaviti fluidne veličine
- Ograničiti duljinu retka
- Testirati kontrast i zoom na 200 posto
Praktičan primjer
Primjer primjene: projekt prvo provodi korak „Odabrati jedan display i jedan tekstualni font ili jednu kvalitetnu obitelj”, zatim potvrđuje „Č, ć, ž, š i đ prikazuju se ispravno” i tek tada prati pokazatelj „Čitljivost u testu”. Tako se odluka temelji na provjeri, a ne na dojmu.
Kontrolna lista prije nastavka
Ova provjera odvaja završenu implementaciju od postavke koja samo izgleda dovršeno.
Provjerite
- Č, ć, ž, š i đ prikazuju se ispravno
- Tekst nije manji od praktičnog mobilnog minimuma
- Redovi nisu predugi
- Naslovi ostaju razumljivi pri prijelomu
Najčešće pogreške i rizici
Rizike treba provjeriti prije povećanja prometa, automatizacije ili ovlasti sustava.
Na što treba paziti
- Font se učitava u previše rezova
- Tekst je presvijetao
- Veliki naslov gura CTA izvan prvog ekrana
- Sve je pisano velikim slovima
Mjerenje rezultata
Učinak se procjenjuje kroz mali skup metrika koje su povezane s ciljem lekcije i stvarnim poslovnim ishodom.
Metrike koje imaju smisla
- Čitljivost u testu
- Vrijeme učitavanja fontova
- Layout shift
- Stopa napuštanja dugih stranica
Česta pitanja
Koji je prvi korak za temu „Tipografija i čitljivost web stranice”?
Odabrati jedan display i jedan tekstualni font ili jednu kvalitetnu obitelj Prije nastavka potvrdite odluku: Koji font podržava hrvatske znakove
Kako provjeriti da je provedba uspješna?
Č, ć, ž, š i đ prikazuju se ispravno Nakon toga pratite metriku: Čitljivost u testu.
Koju pogrešku treba prvo spriječiti?
Font se učitava u previše rezova Problem ispravite prije automatizacije ili povećanja budžeta.
Službeni i stručni izvori
Sučelja, pravila i preporuke mogu se mijenjati. Prije produkcijske izmjene provjerite aktualnu dokumentaciju.
Primijenite lekciju na stvarni projekt
Pošaljite postojeću konfiguraciju, cilj i problem koji želite riješiti. Dobit ćete prijedlog sljedećeg tehničkog ili operativnog koraka.