Savjeti za bolju tipografiju na webu
Sa razvojem web tehnologija i standarada razvile su se i same mogućnosti koje se pružaju dizajnerima weba. Osim što je bilo koji font moguće koristiti na stranici, pojavio se i velik broj novih web fontova čija pretjerana i nepravilna upotreba može dovesti do zbunjivanja korisnika. U nastavku pročitajte nekoliko savjeta kako poboljšati tipografiju na webu, koji su proizašli uglavnom iz klasične tipografske teorije.
Odabir fonta
Najvažnija stavka kod web tipografije svakako jest odabir pravog fonta, tj. pisma. Ono na što prvenstveno treba paziti jest čitljivost. Pismo koje odaberete mora biti čitljivo na svim veličinama teksta te se mora ispravno uvećavati i smanjivati po potrebi. Valja pripaziti i da sadrži pravilne dijakritičke znakove za jezik na kojem je sama stranica. Kod korištenja fontova na webu ne valja pretjerivati sa velikim brojem, dva će u većini slučajeva odraditi posao za većinu projekata.
Hijerarhija
Kod teksta na webu, veoma je bitno postaviti jasnu hijerarhiju, što znači da se naslovi jasno moraju razlikovati od sadržaja, isto tako linkovi moraju biti pravilno naglašeni bilo upotrebom neke druge boje ili podcrtavanjem.
Dobra hijerarhija:
Loša hijerarhija:
Kombiniranje pisama
Ukoliko se javi potreba za upotrebom više fontova, naprimjer posebnog za naslov onda valja imati na umu da nije preporučeno kombinirati dva sans-serifna pisma ili dva serifna pisma istovremeno. Bolje rješenje bi bilo naprimjer uzeti serifno pismo za naslov, a sans-serifno za tekst.
Dobra kombinacija (Minion pro za naslov i Gill Sans za tekst):
Loša kombinacija (Minion pro za naslov i Times New Roman za tekst):
Prored ili leading
Prored ili razmak između redova jedan je od bitnijih faktora za čitljivost teksta. Loše određen prored može uzrokovati da dobar font izgleda užasno i suprotno. Za veće količine teksta, prored od 1.5em uglavnom će odraditi posao, no generalno pravilo je da manje količine teksta trebaju imati manji prored, dok veće trebaju imat veći.
Opcija kojom se podešava prored u CSS-u je line-height.
Dobar prored:
Loš prored:
Naglašavanje
Za naglasiti neki dio teksta nije uvijek nužno koristiti bold, velika slova ili obojenje. Jedna od metoda je da tekst koji želite naglasiti pretvorite u italic ili small caps. Small caps su zapravo verzali (velika slova) jednake visine kao što su kurenti (mala slova). Upotrebom ovih tehnika ne narušava se čitljivost teksta te on dalje ostaje jednoličan i konstantan.
Dobro naglašavanje:
Loše naglašavanje:
Razmak između slovnih znakova
Razmak između slova ne možemo previše kontrolirati korištenjem CSS-a, pa tako ne postoje opcije za podešavanje razmaka između dva slovna znaka (kerning). Srećom, možemo podesiti razmake između svih slovnih znakova, tj. tracking korištenjem opcije letter-spacing.
Pravilno korištenje veličina
Kod teksta na webu, veoma je bitno odrediti jedinicu veličine. Korištenje pointova (PT) proizlazi iz tiska i nije prigodno za ekranski prikaz. Korištenje piksela (PX) je legitimno, no takav tekst ima statičnu veličinu i stvaraju se problemi kod uvećavanja. Upravo zato postoji jedinica EM koja je relativna i prilagođava tekst kako ga korisnik zumira. Više o EM jedinici možete naučiti ovdje.
