Da bi se koristilo najosnovnije objašnjenje, tipografija je dizajn i uporaba pisanih slova kao sredstvo komunikacije. Mnogi ljudi smatraju da je tipografija započela s Gutenbergom i razvojem pokretnog tipa, ali tipografija seže daleko dalje od toga. Ova grana dizajna zapravo ima svoje korijene u rukopisnim slovima.
Tipografija obuhvaća sve od kaligrafije kroz digitalni tip koji danas vidimo na web stranicama svih vrsta. Umjetnost tipografije također uključuje dizajnere tipa koji stvaraju nove slovne oblike koji se zatim pretvaraju u fontove koje druge dizajne mogu koristiti u svom radu, od tiskanih djela do onih gore navedenih web stranica. Ono što je različito kao ta djela može biti temelj svih tipografija.
Elementi tipografije
Ako ste ikad razgovarali s web dizajnerom koji koristi tipografiju u svom radu, vjerojatno ste čuli pojmove "font" i / ili "font". Mnogi ljudi međusobno koriste ta dva pojma, ali postoje neke razlike između ove dvije stavke.
Tipografija je izraz koji se daje obitelji fontova (kao što su Helvetica Regular, Helvetica Italic, Helvetica Black i Helvetica Bold). Sve različite verzije Helvetice čine kompletnu vrstu pisma.
Font je izraz koji se koristi kada se netko odnosi na samo jednu težinu ili stil unutar te obitelji (kao što je Helvetica Bold). Toliko se vrsta slova sastoji od više pojedinačnih fontova, od kojih su svi slični i povezani, ali različiti na neki način. Neki fontovi mogu sadržavati samo jedan font, dok drugi mogu sadržavati brojne varijacije slovnih oblika koji čine fontove.
Ako se to čini zbunjujućim, ne brinite, ako netko nije stručnjak za tipografiju, vjerojatno će upotrijebiti pojam "font" bez obzira na koji od tih pojmova doista znače, pa čak i mnogi profesionalni dizajneri međusobno koriste ta dva izraza. Ako ne govorite čistom dizajneru o mehanici plovila, vjerojatno ste prilično sigurni, ovisno o tome koji od ovih dvaju pojmova želite. Ako se to kaže, ako shvatite razliku i ispravno upotrijebite ispravne pojmove, to nikada nije loša stvar!
Razvrstavanja slova
Ponekad se naziva "generički generatori fontova", to su velike grupacije vrsta slova temeljene na nizu generičkih klasifikacija koje pripadaju različiti fontovi. Na web stranicama postoji šest vrsta klasifikacija fontova koje ćete vjerojatno vidjeti:
- crtica
- Sans-serif
- skripta
- Monospaced
- Kurziv
- Fantazija
Postoje i brojne druge klasifikacije slova koje su njihovi izdanci. Na primjer, fontovi "slab serif" slični su serifs, ali svi imaju prepoznatljivi dizajn s debelim, komadnim serifs na letterforms. Serif i sans-serif su dvije najčešće klasifikacije fonta koje se koriste na većini web stranica.
Anatomska tipografija
Svaka vrsta slova sastoji se od različitih elemenata koji ga razlikuju od ostalih vrsta slova, što se naziva anatomijom tipografije. Osim ako ste specifično idući ući u oblikovanje tipa i žele stvoriti nove fontove, web dizajneri obično samo trebaju znati osnove tipografije terminologije.
Na osnovnoj razini, elementi anatomije tipografije za koje trebate biti svjesni su "kapa" i "x-visina", "descenders" i "ascenders".
Kapica i x-visina su visina velikih slova u obliku slova i visini slova x. Ona vam govori koliko će visina biti najveća slova, kao i koliko će većina malih slova biti. Svi fontovi su veličine na temelju ove dvije karakteristike.
Descenders i ascenders su dijelovi slova koji dolaze ispod i iznad visine x-visine. To se obično odnosi na mala slova. Na primjer, slovo "b" ima uskrsnući (komad koji se drži "gore" iz slova), dok slovo "p" ima padobran (dijelovi koji se "spuštaju" iz slova).
Prostiranje oko slova
Postoji nekoliko prilagodbi koje se mogu napraviti između i oko slova koja utječu na tipografiju. Digitalni fontovi su stvoreni s mnogim od tih karakteristika na mjestu, a na web stranicama, imamo ograničenu mogućnost da promijeni ove aspekte font. To je često dobra stvar jer je zadani način prikazivanja fontova obično poželjan.
- sljubljivanje: Vodoravni razmak između pojedinačnih slova
- Praćenje: Prostor između skupina slova
- Vodeći: Vertikalni prostor između redaka vrste (to je poznato kao visina linija u web stranicama)
- Mjera: Duljina redaka teksta
- Poravnanje: Vizualno postavljanje teksta lijevo, desno, centrirano ili opravdano
- ligature: Pisma su se tako usko povezali da se njihove anatomije kombiniraju, u osnovi, teče jedno slovo u drugu
Više tipografskih elemenata
Tipografija je više nego samo tipografi koji se koriste i prostori oko njih. Postoje i neke druge stvari koje biste trebali imati na umu prilikom izrade dobrog tipografskog sustava za bilo koji dizajn:
"Prebacivanje" je dodavanje crtice (-) na kraju linija kako bi se spriječilo probleme u čitljivosti ili opravdanje izgledalo bolje. Iako se obično nalaze u tiskanim dokumentima, većina web dizajnera zanemaruje crtice i ne upotrebljavaju ih u svom radu jer to nije nešto što se web preglednici automatski obrađuju.
"Rag" je nejednak vertikalni rub blok teksta. Prilikom plaćanja pažnje na tipografiju, trebali biste pogledati tekstne blokove u cjelini kako biste bili sigurni da krpa ne utječe na dizajn.Ako je krpa previše nazubljena ili neujednačena, to može utjecati na čitljivost blokova teksta i učiniti ga odvraćanjem pozornosti. To je nešto što preglednik automatski obrađuje u smislu kako ga vrti od linije do retka.
Jedna riječ na kraju stupca je udovica i ako je na vrhu novog stupca, to je siroče. "Udovice" i "siročad" izgledaju loše i teško je čitati.
Dobivanje linije teksta za savršeno prikazivanje u web pregledniku je naporan prijedlog, pogotovo kada imate odgovarajuću web stranicu i različite zaslone za različite veličine zaslona. Vaš cilj bi trebao biti da pregledate web mjesto u različitim veličinama da biste pokušali stvoriti najbolji mogući izgled uz prihvaćanje da će u određenim slučajevima vaš sadržaj imati prozore, siročad ili druge manje idealne prikaze. Vaš cilj bi trebao biti smanjivanje tih aspekata dizajna neke vrste, a istodobno je i realan u činjenici da ne možete postići savršenost za svaku veličinu zaslona i prikaz.
Koraci za provjeru tipografije
- Pažljivo odaberite fontove, gledajući anatomiju tipa, kao i vrstu obitelji u kojoj se nalazite.
- Ako izradite dizajn pomoću teksta rezerviranog mjesta, nemojte odobriti konačni dizajn dok ne vidite pravi tekst u dizajnu.
- Obratite pažnju na male detalje tipografije, kao što su crtice i crtice.
- Pogledajte svaki blok teksta kao da nema riječi u njemu. Koje su oblike tekst na stranici? Provjerite jesu li ti obrasci noseći cijeli oblik stranice prema naprijed.
