Što je tipografija i proširenje tipografskog dizajna? 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
Fontovi i fontovi: Ako ste ikada razgovarali s dizajnom koji koristi tipografiju u svojim djelima, 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.
"Šifra" je termin koji 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.
Zvuči li to malo zbunjujuće? Ako je tako, ne brinite. U stvarnosti, ako netko nije stručnjak za tipografiju, vjerojatno će upotrijebiti pojam "font" bez obzira na to koji jedan od tih pojmova doista znači - a č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!
Tipografske klasifikacije: Ponekad se nazivaju "generički fontovi" , to su velike grupacije tipova slova temeljene na nizu generičkih klasifikacija koje različiti fontovi pripadaju. Na web stranicama postoji šest vrsta klasifikacija fontova koje ćete vjerojatno vidjeti:
- crtica
- bez vitica
- monospaced
- rukopisni
- fantazija
- skripta
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.
Jedna web stranica danas, serif i sans-serif su dvije najčešće klasifikacije fontova koje se koriste.
Anatomska tipografija: Svaka vrsta slova sastoji se od različitih elemenata koji ga razlikuju od ostalih vrsta slova. Osim ako posebno ne idete u dizajn tipa i žele stvoriti nove fontove, web dizajneri obično ne moraju znati specifičnosti anatomije tipografije. Ako ste zainteresirani za učenje više o ovim građevinskim blokovima slovnih i slovnih oblika, postoji veliki članak o anatomskoj tipografiji na web stranici za objavljivanje radnih mjesta na forumu winicare.com.
Na osnovnoj razini, elementi anatomije tipografije koje biste trebali znati jesu:
- Cap i x-height: Ovo je visina velikih slova u tipografskom obliku i visini slova x. Ona vam govori koliko će visina biti najveća slova, kao i koliko će većina malih slova biti. Krstionica je veličina temeljena na ove dvije karakteristike.
- Declants i ascenders: To su dijelovi slova koji dolaze ispod i iznad visine x-height . Obično se odnose 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 u mjestu, a na web stranicama imamo ograničenu mogućnost da promijeni ove aspekte fonta. To je često dobra stvar jer je zadani način prikazivanja fontova obično poželjan.
- kerning - horizontalni razmak između pojedinačnih slova
- praćenje - razmak između skupina slova
- vodeći - okomiti prostor između redaka vrste (to je poznato kao line-height u web stranicama)
- mjere - duljina redaka teksta
- poravnavanje - vizualno postavljanje teksta lijevo, desno, centrirano ili opravdano
- ligature - slova su se pomicala blizu, tako da se njihove anatomije kombiniraju, uglavnom 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:
Crtica : Crtanje 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: Neravna okomita strana ruba teksta naziva se krpa. 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 pregledava automatski u smislu načina na koji se šiba s linije u retku.
Udovice i siročad: 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 trebao bi biti pregled stranice na različitim veličinama kako bi se stvorio najbolji izgled moguće dok prihvaćate 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 pozornost na male detalje tipografije .
- 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.
Izvorni članak Jennifer Krynin. Uredio Jeremy Girard na 7/5/17