Tipografija na webu

Tipografija – važno za web ili ne?

Tipografija na webu koliko god se činila mnogima nebitna, ima ključnu ulogu u dizajnu web sranice. Kada govorimo o “dizajnu” stranice, ne mislimo sada na klasični dizajn je li nešto lijepo ili ne jer to je uvijek bila subjektivna stvar svake osobe. Ovdje mislimo na funkcionalni dizajn koji pridonosi tome da stranicu doživljavamo na određeni način, i da stranica zaista ima funkcionalnost za koju je namijenjena.

Kada pretražujete internet i literaturu, vidjet ćete da ima tisuće i tisuće tekstova o tome je li neki font lijep za ovo ili ono, ili je li neki font bolji ovakav ili onakav, ali kako su informacije o tome toliko različite jer su kako smo spomenuli prvenstveno ovisne o subjektivnom osjećaju, napomenut čemo najvažnije karakteristike vezane uz fontove a koje su potvđene u knjigama i enciklopedijama kao npr: https://www.superknjizara.hr/hr/graficka-enciklopedija-1971-f-mesaros.

Kada se radi neka web stranica koja je vezana za određenu tematiku, onda dizajn te stranice mora biti prilagođen toj tematici i to je svima poznato. Jer ako se radi stranica za  neka vjenčanja, onda stranica mora biti prvenstveno takva da izgleda elegantno, jer ako je dizajn takav da više podsjeća na stranicu za prodaju bagera nitko živ neće kupiti ništa s te web stranice. Naravno, u tom dizajnu osim elemenata stranice u smislu slika i teksta, najvažniji su elementi boje i fontovi.

Podjela fontova koju možete naći na internetu može biti zbunjujuća jer kako smo i mi istraživali, skoro da i ne postoji jasna podjela koju bi većina onih koji se bave s tipografijom smatrala za standard. Evo nekoliko primjera:
1. https://www.fonts.com/content/learning/fontology/level-1/type-anatomy/type-classifications
2. https://www.jotform.com/blog/a-crash-course-in-typography-the-basics-of-type/
4. https://design.tutsplus.com/articles/the-different-types-of-fonts-when-to-use-each-font-type-and-when-not–cms-33346
5. https://digitalsynopsis.com/design/font-psychology-emotions/Kako bi bili što manj zbunjeni u ovome moru informacija, s obzirom na naše iskustvo i istraživanje, možemo reći da se podjela fontova u skoro svim web stranicama koje se mogu naći na tržištu može svrstati u četiri kategorije pisama:

1. Pisma sa serifima (skupina pisama Antiqua ili Serifna pisma)

2. Pisma bez serifa (skupina pisama Grotesk ili Bezserifna pisma)

3. Rukopisna pisma

4. Posebni oblici

Ova podjela je gruba i svaka od ovih skupina bi se mogla podijeli na veliki broj podskupina, ali osnova u izradi web stranica se svodi na upravo ove četiri skupine pisama. Međutim, kada se rade web stranice, i kad se iste te stranice gledaju na velikim desktop uređajima kao i malim mobitelima, mora se uzeti u obzir da veliki dio populacije ima problem s vidom i da ukoliko vrsta i veeličina fonta nije dobro prilagođena, može stvarati problem lod čitanja te če onaj koji ima problem s otežanim čitanjem vrlo brzo odustati što se pod svaku cijenu ne smije desiti.

Stoga postoje osnovna pravila kod odabira vrste tipografije (vrste fonta) ovisno o elementima stranice:

1. Treba koristiti što je moguće manje pisma sa serifima.
2. Na crnim podlogama koristiti isključivo fontove bez serifa.
3. Serifne fontove koristiti samo kod većih pisama te kod isticanja (naslovi, podnaslovi i sl.)
4. Za pisanje dužih tkstova poželjno je koristiti serifna pisma s obzirom na njihovu bolju čitljivost, ali pismo ne smije biti malo.
5. Rukopisna pisma koristiti isključivo za veća isticanja (naslove)
6. Rukopisna pisma koristiti samo u kurentnom obliku (mala slova osim prvog početnog velikog slova)
7. Posebne oblike pisama koristiit samo za globalne elemente stranice s jakim naglašavanjima.

S obzirom a je mnogim ljudima vrlo teško pronaći odgovarajuće kombinacije, postoje mnogiu alati koji mogu pripomoći prilikom odabira fonta i veličine pisma kao što su:

1. Archetype – pomaže u odabiru i kombinaciji fontova, te podešavanju veličine, razmaka itd.
2. Fontstruct – alat za kreaciju vlastitih fontova pomoću grid sistema i geometrijskih oblika
3. Prototypo – alat za dizajn vlastitih fontova na osnovu postojećeg fonta podešavajući određene parametre slova
4. My fonts – alat koji pomaže pri identifikaciji fontova na osnovu slike
5. FontFace Ninja – besplatan dodatak za Google Chrome koji pomaže pri identifikaciji fonta
6. Canva – alat za kombinaciju i uparivanje različitih vrsta fontova
7. Kern Type – alat za pravilno podešavanje razmaka između slova
8. Calligraphr – alat za dizajn vlastitog fonta na osnovu rukom pisanog teksta
9. Emotypes – alat koji olakšava pronalazak i odabir fonta na osnovu emocija koje želite prenijeti publici putem dizajna
10. FontJoy – alat za jednostavno uparivanje različitih vrsta fontova
11. Type Scale – alat za određivanje veličine fontova naslova i podnaslova na osnovu veličine teksta paragrafa
12. Type Finder – online alat za pronalazak idealnog fonta na osnovu upitnika.