Napomena: Sljedeći članak će vam pomoći: Što čini dobar, pristupačan, čitljiv font?
Za profesionalne prokrastinatore među nama, nevjerojatan izbor fontova koji su danas dostupni dovoljan je da nas zaokupi do mirovine! Ali to je bitan dio svakog dizajnerskog projekta, a odabir savršenog fonta ključni je zadatak, s dugoročnim implikacijama.
U konačnici, pravi font bi trebao biti lak za čitanje, pristupačani privlačan.
Međutim, morati birajte između 200.000+ različitih fontova može biti zastrašujući zadatak – pogotovo ako ne znate na što trebate paziti.
U ovom ćete članku otkriti što točno trebate tražiti pri odabiru fonta za dizajnerski projekt (i što izbjegavati).
Također ćete naučiti precizno što čini dobar, pristupačan i lako čitljiv font – i čak ćete otići s našim popisom najboljih preporučenih fontova za vaš dizajnerski rad!
Dekodiranje dileme Serif protiv Sans Serifa
Dilema Serif protiv Sans Serifa se vrti okolo izbor između fontova sa ili bez ukrasnih poteza na krajevima znakova.
Evo primjera oba, tako da možete vidjeti razliku između njih dvoje.
Izvor: New England ReproGraphics
Oba stila fonta imaju svoje prednosti i preporučene namjene, pa istražimo što su to.
Korištenje Sans Serif fontova za naslove i isticanje
Naslovi trebaju privući pažnju. Moraju biti privlačni za oko i iznimno laki za čitanje i brzo skeniranje.
Upravo su iz tog razloga prvo razvijeni sans serif fontovi, a budući da imaju mnogo jednostavniju strukturu, bez ukrasnih poteza ili ukrasa, bolje funkcioniraju za naslove, naslove i podnaslove.
Popularni sans serif fontovi za naslove uključuju Helvetica, Futura, Verdana, Calibrii Arial.
Poboljšanje čitljivosti u manjem tekstu sa serifnim fontovima
Iako su sans serif fontovi lako čitljivi čak i s velike udaljenosti, kada je riječ o blokovima teksta, jednostavnost i ujednačenost fontova zapravo mogu ometati čitljivost.
Serif fontovi pružaju puno veću čitljivost za tekst koji je napisan malim fontom i kada je napisan kao blokovi teksta (kao što su odlomci ili stupci).
Popularni serif fontovi za manji tekst uključuju Baskerville, Cambria, Garamondi Times New Roman.
Najbolji fontovi za web stranice za stolna računala
Najbolji fontovi za čitače stolnih računala trebali bi se sastojati od ovih glavnih kvaliteta:
- Čitljivost i skalabilnost. Fontovi za web stranice za stolna računala trebali bi biti čitljivi na različitim veličinama zaslona i razlučivosti.
- Kompatibilnost uređaja. Odabrani fontovi trebali bi biti podržani u različitim stolnim preglednicima i operativnim sustavima.
U biti, ovi bi fontovi trebali uspostaviti ravnotežu između estetika, čitljivosti tehnička kompatibilnost.
Iz ovih razloga, najsigurniji fontovi za korištenje uključuju:
Serif
- Times New Roman
- Gruzija
- Baskerville
Sans Serif
Najbolji fontovi za mobilne web stranice
Većina prometa na internetu danas dolazi s mobilnih uređaja uređaji – sa 64% svih pretraga provodi se na pametnim telefonima.
Zato je važno usredotočiti se na pružanje najboljeg mobilnog korisničkog iskustva.
Prilikom odabira fontova za mobilne web stranice, trebali biste imati na umu sljedeće:
- Čitljivost na malim ekranima. Dajte prednost fontovima koji su izvrsno čitljivi na manjim zaslonima. Sans serif fontovi često rade bolje od serifnih fontova u takvim slučajevima.
- Responzivan i skalabilan. Odaberite fontove koji se lijepo prilagođavaju različitim mobilnim uređajima i orijentacijama zaslona.
- Jasan i oštar izgled. Odaberite fontove koji su ugodni za oči čak i brzim pogledom (budući da su mnogi mobilni čitači u pokretu).
Preporučamo odabir web-fontova prilagođenih mobilnim uređajima, poput ovih sans serif fontova preporučuju usluge kao što su Google Fontovikoji su dizajnirani za mobilnu kompatibilnost i brzo učitavanje:
- Arial
- Helvetica Neue
- Roboto
- Nunito
Bilješka: Namjerno smo izostavili serifne fontove jer ih ukrasni potezi (‘serifi’) mogu otežati čitanju na manjim uređajima.
Mogu li čitači zaslona imati problema s nekim fontovima?
Neki su fontovi sušta suprotnost dostupnima i mogu spriječiti čitače zaslona u mogućnosti vokaliziranja teksta.
Iako se sva uobičajena slova i simboli pojavljuju na vašoj tipkovnici i stoga su kodirani pomoću sustava poznatog kao ASCII, ovaj sustav može podržavati samo do 128 ili 256 različitih vrsta znakova.
Alternativni sustav kodiranja znakova poznat kao Unicode može podržati do 1.114.112 znakova, uključujući emojije i znakove iz mnogih različitih jezika, kao i matematičke i znanstvene simbole.
Mnogi čitači zaslona ne mogu protumačiti mnoge od njih te će ih ili potpuno propustiti ili zamijeniti pogrešnim slovom ili znakom, što često rezultira verbaliziranim tekstom koji uopće nema smisla.
Nedavno istraživanje koje je proveo WebAIM pokazalo je da se od ispitanih ljudi 14% oslanjalo na čitač zaslona za pristup sadržaju na mreži.
Evo nekoliko drugih problema koji čitačima zaslona mogu onemogućiti čitanje vašeg teksta:
- Složeni ukrasi. Fontovi s pretjeranim ukrasima mogu zbuniti čitače zaslona jer ih mogu teško protumačiti.
- Loš razmak. Fontovi s neadekvatnim razmakom između znakova mogu čitačima zaslona otežati tumačenje teksta.
- Nestandardni oblici znakova. Fontovi koji značajno odstupaju od standardnih oblika slova mogu biti izazovni za čitače zaslona.
Iako ih ima na tisuće, najpopularniji primjeri fontova koji su nečitljivi čitačima zaslona uključuju:
- Vivaldi
- Papirus
- maestral
- Skripta kista
- Ravie
Svakako ih izbjegavajte radi pristupačnosti.
Neki fontovi mogu imati problema prilikom prijevoda
Neki se fontovi ne mogu prevesti na različite jezike.
Ako pokušate prevesti takve fontove, obično ćete naići na zamjena fonta – s drugim fontom koji zamjenjuje nepodržane znakove.
Ovdje su dodatna pitanja koja se mogu pojaviti s fontovima tijekom prijevoda:
- Varijacije glifa. Fontovima možda nedostaje podrška za određene znakove ili glifove koji su potrebni u različitim jezicima ili sustavima pisanja – pa se neće pravilno prikazati.
- Širina znakova i poravnanje. Fontovi s različitim širinama znakova ili nedosljednim poravnanjem mogu uzrokovati drugačiji prikaz teksta prilikom prijevoda.
- Složenost skripte. Prijevod se možda neće dobro uklopiti u izvorni dizajn, što će dovesti do vizualnih nedosljednosti ili problema s čitljivošću.
To možete spriječiti tako da gledajući podržane znakove fonta po vašem izboru.
Preporučeni fontovi za sadržaj koji se može prevesti uključuju:
Serif
- Arial
- Times New Roman
- Noto Sans
Sans Serif
Zadovoljavanje potreba posjetitelja s disleksijom
Otprilike 1 od 10 osoba ima disleksiju.
S 5,3 milijarde ljudi na internetu, to znači da oko 530 milijuna ljudi koji potencijalno pregledavaju vašu web stranicu ima disleksiju.
Zbog toga je ključno osigurati da vaša web stranica bude čitljiva osobama koje se bore s disleksijom. Ovo počinje korištenjem fontova koji poboljšati čitljivost i minimizirati vizualni stres.
Evo nekoliko savjete koji vam mogu pomoći u odabiru pravih fontova za takve čitatelje:
- Otvoreni i jasni obrasci slova. Fontovi s jasnim razlikama između znakova pomažu smanjiti zabunu. Slova kao što su ‘b’, ‘d’, ‘p’ i ‘q’ trebala bi se lako razlikovati.
- Dosljednost. Fontovi s dosljednim oblicima znakova i minimalnim varijacijama u obliku slova poboljšavaju čitljivost.
- Dovoljan razmak. Fontovi s odgovarajućim razmakom između znakova i riječi poboljšavaju čitljivost i smanjuju vizualnu gužvu.
Naravno, ima ih prilagođene fontove koje možete koristiti posebno čitateljima s disleksijom kao što je Open-Dyslexic, a ako želite svoju stranicu učiniti dostupnijom, preporučujemo da ih pogledate!
Kako bismo zadovoljili potrebe vaših posjetitelja s disleksijom, preporučujemo:
Sans Serif
- disleksija
- OpenDyslexic
- Lexie Readable
Bilješka: Budući da je čitljivost prioritet broj 1 kod publike s disleksijom, preporuča se koristiti sans serif fontove kao što su Arial i Comic Sans budući da ne uključuju dekorativne elemente.
Zaključak – Učinite svoju stranicu pristupačnom i čitljivom
Pravi fontovi će to učiniti vrlo jednostavno za vašu publiku da konzumira vaš sadržaj – bez obzira jesu li s disleksijom ili slabovidni.
Da biste saznali više savjeta za web dizajn, provjerite ove resurse u nastavku:
Jeste li dizajner koji traži bolji način za suradnju s klijentima?
S Wixom možete iskoristiti suradnja po principu point-and-click omogućiti klijentima i zainteresiranim stranama da ukažu na ono na što se pozivaju na bilo kojoj aktivnoj web stranici i odmah ostave povratne informacije, kažu što treba promijeniti i još mnogo toga.
Osim toga, također možete stvoriti prekretnice, podijelite ih na zadatkei pratiti performanse.
Ako želite primati povratne informacije koje imaju smisla, olakšati suradnju s klijentima i završiti projekte u danima umjesto u tjednima, prijavite se na Wix danas – s plaćenim planovima od samo 20 USD mjesečno.
- Integriran u vodeću vizualnu platformu za suradnju vjeruje više od 13 000 agencija (web dev, dizajn i dalje) širom svijeta.
- Podupiranje isporuka projekata za više od 1.200.000 njihovih klijenata i dionici.
- Isporučite projekte u danima umjesto u tjednima.
