Ispravljen stari članak o tipografiji, za one koji ga nisu vidjeli bit će korisno za upoznavanje

Tipografija je jedan od najvažnijih aspekata web dizajna, jer prenosi osnovne informacije. Nažalost, mnogi dizajneri i klijenti se boje odvažnih eksperimenata, birajući jedan ili dva "provjerena" fonta za svoje projekte.

Dakle, ovaj članak je o onima koji su izgubljeni u okeanu tipografije. Govorit ćemo o osnovama tipografije, o tome šta su slova i strukturi slova.

Tipografi i fontovi - u čemu je razlika?

Mnogi ljudi koriste riječi font i font naizmjenično. U stvari, to nije ista stvar, sad ću objasniti zašto.

Slušalice je skup stilski sličnih znakova koji se mogu pisati/štampati. To su brojevi, slova, simboli. Font je uži pojam koji je određen nekoliko faktora, kao što su veličina i stil. U osnovi, Arial je font, a Arial Bold je font.

Klasifikacija

Fontovi se mogu podijeliti u nekoliko grupa - serif, sans-serif, rukopis (script), display (display). Međutim, postoje i druge vrste klasifikacije.

Serif fontovi, starinski (Serif)

Nazvani su tako jer svako slovo ima male serife. Kada ispisujete velike blokove teksta u web dizajnu, oni se ne preporučuju jer se teško čitaju. Ovi fontovi se obično koriste za naslove.

Serif fontovi imaju dosta podtipova - na primjer, Stari stil("Stari stil" - nazivaju ih i humanisti, humanistic serif) su prvi fontovi ove klasifikacije, korišćeni su još od 1400-ih. Njihova karakteristična karakteristika je da je dio simbola koji se nalazi pod uglom tanak. Primjeri fontova su Adobe Jenson, Centaur i Goudy Old Style.

Prijelazni serifi- korišteno u 1700-im. Ovo uključuje fontove kao što su Times New Roman i Baskerville, kao i Caslon, Georgia i Bookman. Imaju uočljiviju razliku između debelih i tankih dijelova slova od starog stila, ali manje uočljive od modernog.

Moderni serifi (Antički novi stil)- koriste se od 1700-ih i imaju jak kontrast između debelih i tankih dijelova likova. Ovo uključuje fontove kao što su Didot i Bodoni

I na kraju , Slab serifi- generalno imaju istu debljinu svih linija, i velike serife na krajevima

Serif fontovi, Sans Serif

Serif fontovi su tako nazvani jer nemaju serife.) Izgledaju modernije i prvi put su korišćeni u 18. veku.

Evo 4 glavne vrste serifnih fontova: Groteska, neogroteska, humanistička i geometrijska.
Stare groteske- prvi, oni su slični serif fontovima, ali bez serifa.
Na primjer Franklin Gothic i Akzidenze

Nove groteske imaju pojednostavljen izgled u odnosu na stare groteske. Mnogi od najpopularnijih fontova danas su novi sans serifi, kao što su MS Sans Serif, Arial, Helvetica i Univers.

Humanisti- su kaligrafskiji od svih ostalih serifnih fontova (odnosno, njihova debljina se mijenja). To uključuje, na primjer, Gill Sans, Frutiger, Tahoma, Verdana, Optima i Lucide Grande - oni se često koriste za popunjavanje tijela stranice.

Geometrijski zasnivaju se na tačnim brojkama, na primjer, "O" je krug, itd.; smatraju se najmodernijim serifnim slovima. Primjeri su ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Rukopisno (skripta)

Rukopisni fontovi su zasnovani na rukopisu. Postoje dvije vrste takvih fontova - formalni i casual. Formalne, kao rukom pisane, potiču iz 17. i 18. vijeka. Neki fontovi su zasnovani na rukopisima poznatih majstora kao što su George Snell i George Bickham. Kuenstler Script je primjer modernih fontova. Lijepo i elegantno, ne uklapa se u tijelo stranice.

Kezhl fontovi su modernija verzija, nastala je u 20. stoljeću. Manje je formalan, često s podebljanim potezima i efektima poteza kistom. Ovi fontovi uključuju Mistral i Brush Script.

Prikaz fontova

Kategorija fontova za prikaz uključuje one fontove koji općenito nisu prikladni za pisanje teksta. Najčešće služe kao akcenat. Obično se koriste u štamparskoj industriji, iako počinju da pronalaze put do internet stranica. Među displejima možete pronaći, na primjer, blackletter - originalne fontove prvih tiskarskih mašina.

Neabecedni fontovi (Dingbats)

Fontovi koji nisu abecedni su oni fontovi koji uopće ne sadrže slova, ali sadrže simbole i ukrase.

Proporcionalni naspram monoprostornih

U proporcionalnim fontovima, simbol zauzima onoliko prostora koliko je potrebno za njegov prirodni pravopis. Na primjer, Times New Roman je proporcionalni font. Ali za jednorazredne fontove, svi znakovi su iste širine. Takvi fontovi uključuju, na primjer, Courier New

Raspoloženje

Raspoloženje fonta uvelike utiče na to da li ga je prikladno koristiti u datoj situaciji. Često se koriste kontrasti - poslovni stil se kombinira s neformalnim, lagani s dramatičnim. Na primjer, Times New Roman je strogo pismo, a to je ono što se tako često koristi za poslovnu korespondenciju. Ali, na primjer, Helvetica općenito mijenja svoje raspoloženje ovisno o okolnim fontovima.

Debljina i stil

Postoje fontovi po debljini: lagana, tanka, pravilna, srednja, podebljana, teška ili crna.

Postoje tri stila fonta - kurziv, kosi i mala slova. Mala slova se obično koriste za naslove.

Kurziv i kosi su zamjenjivi, iako su različiti stilovi. Oblique je koso verzija regularnih fontova. Da biste ga dobili, samo trebate koristiti funkciju Free Transform-distort u Photoshopu. Ali kurziv je već zaseban skup znakova koji je odgovoran za koso verziju fonta.

Struktura fonta

Svaki znak ima skup karakteristika koje se mogu koristiti za određivanje kako funkcionira s drugim fontovima. Evo glavnih:

Osnovna linija- zamišljena linija na kojoj se nalazi tekst. Ponekad su zaobljeni fontovi malo pomaknuti od linije fonta.

Mala linija (srednja linija) označava visinu većine malih slova, obično određena visinom slova "x". Odatle dolazi koncept x-visine.

Kapa- visina veliko slovo"A".

Slika iznad prikazuje tri zajednička dijela svih slova.

Glavni hod, stem- glavna vertikala svakog simbola, uključujući i onaj kosi.

Prečka (prečka)- horizontalni dio fonta

ovalna (zdjela)- zaobljeni dio fonta.

Gornji daljinski (Ascender)- dio koji strši iz slova kao što su "d", "h" i "b".

Descender- dio koji strši iz slova kao što su "p", "q" i "f"

Serifi- zaštitni znak serifnih fontova). U nekim fontovima su izraženiji, dok su kod drugih manje izraženi.

Otvor blende- označava prazninu na otvorenim znakovima kao što su “A”, “c” ili “m”

Uho to je ukrasni dodatak simbolu, kao u gornjem primjeru za "g".

Hod povezivanja (linija kose) to je najtanji dio serifnog slova.

Prečka - horizontalna linija kao u slovima “A” i “H”.

Ispusti (terminal)- okrugli ili ovalni (u obliku kapi) kraj poteza na crtežu nekih znakova u fontu.

Petlja pojavljuje se samo na nekim malim slovima “g” i može biti u potpunosti ili djelomično pokriveno.

Spur- mali zarez na nekim slovima, kao što je "G".

Veza povezuje gornji i donji dio slova “g”.

Kičma- centralna krivina koju ima slovo "s".

Rep slova (rep)- ukrasna linija, na primjer na slovu “R” ili “Q”.

Završni element (Terminal, Final)- kraj neserifnog poteza

Rame- zaobljena linija koja polazi od glavnog poteza. (da budem iskren, mnoge ruske stranice daju potpuno drugačiju definiciju ovog koncepta,)

Sa pojavom personalni računari i prvi sistemi za desktop izdavaštvo doživjeli su tektonski pomak u tipografiji koji tek sada postaje vidljiv. Ovo je daleko od prve veće promjene u tipografiji, a bilo je i drugih. Dovoljno je prisjetiti se vremena kada su mašine industrijskog svijeta trijumfovale nad zanatlijama. Masovna proizvodnja i profit su važniji od lepote tipa. Količina je bila važnija od kvaliteta.

Veliki majstori prestali su stvarati nove fontove - oni koji su već postojali bili su pogodni za štampanje knjiga. Zanatlije, bez obzira na to koliko su profesionalni, ostali su bez posla i postali dio tehnološkog procesa.

Međutim, pobjeda industrijalizma nije značila da su veliki majstori nestali s pojavom štamparskih mašina. Ova dva svijeta nastavila su postojati nezavisno jedan od drugog - štampari su prepoznali talenat zanatlija, a oni su zauzvrat shvatili da se napredak ne može zaustaviti. Ovo je bila druga promjena u tipografiji, uslijed koje je izgubila dio svoje "duše" ili, ako mogu tako reći, ljudskosti. Ali da biste razumjeli šta se dogodilo nedavno, morate otputovati u prošlost prije 500 godina i saznati kako je sve počelo.

PRVA TRANZICIJA

Prvi sukob između novog i starog nastao je nakon pronalaska prve štamparije. Njegov tvorac, Johannes Gutenberg, mogao je koristiti mašinu za kreiranje širokog spektra kompozicija, sa brzinom štampanja do 240 stranica na sat. Bila je to revolucija.

Prije toga, sve su knjige u potpunosti kreirane ručno. Tomovi iz prošlosti bili su pisani rukom i ukrašeni zamršenim dizajnom i ornamentima. Proces kopiranja je bio veoma dug, ali kao rezultat toga, svaka knjiga, čak i kopija, bila je umjetničko djelo.

Naravno, prve štampane knjige nisu bile uporedive sa onima koje su pisane rukom. Nisu bile baš lijepe, ali su bile manje i jeftinije. I što je najvažnije: mogućnost zamjene pojedinačnih znakova i čitavih porodica fontova omogućila je štampanje knjiga ne samo na latinskom, već i na drugim evropskim jezicima.

Ljudi su pozdravili ove promjene. Trebale su im knjige na jeziku koji razumiju i knjige koje bi ponijele sa sobom. Imali su žeđ za znanjem i štampane knjige su je gasile.

Međutim, kao rezultat prve tranzicije, knjiga je izgubila veći dio svoje ljudskosti. Mašine su preuzele glavni proces, ali su zanatlije i dalje bile tražene. Svako slovo je ručno izrezbareno, a umjetnička djela i ilustracije su također napravljeni od strane ljudi. Međutim, neće proći mnogo vremena prije nego što vještina počne napuštati proces pravljenja knjiga.

DIGITALNO DOBA

Prvi prelazak uništio je rukom pisane knjige. Industrijalizacija je konačno lišila pečat ljudskosti, sve je postalo mehanizovano, a zanatlije su ostale bez posla. Ali treća tranzicija je konačno završila tipografiju kao umjetnost. Većina tipova ovih dana je iznenađujuće lisna. To je samo gomila fontova na vašem računaru. Malo ko zna istoriju ovog ili onog fonta. Prije nikog nije briga. U minuti skrolujemo kroz stotine fontova tražeći odgovarajući font, a sve ostalo nije toliko važno.

_______________________

„U našem visoko kompjuterizovanom svetu, proliferacija slova i njenih raznovrsnih varijacija predstavlja novi nivo vizuelnog zagađenja koji direktno ugrožava našu kulturu“, kaže dizajner Massimo Vigneli. "Od hiljada fontova, potrebno nam je samo nekoliko osnovnih, jer je ostalo samo smeće."
_______________________

Na neki način je u pravu. Tipografija nisu samo fontovi. To nije samo prelepa slova, to je nešto drugo, nešto zbog čega se osjećamo. U osnovi, tipografija je poruka. Prema rečima poznatog ruskog tipografa Lazara Lisickog, tipografija treba optički da prenese čitaocu istu ideju koju govornik izražava svojim glasom.

Odavno niko nije pisao olovkom na pergamentu. Nestao je grubi papir koji miriše na mastilo. Tržište sjajne štampe smanjilo se na mikroskopske razmjere. Danas čitamo tekstove koji nisu štampani, već otkucani, a ne čitamo ih nikako na papiru. I, očigledno, tipografiju čeka još jedna tranzicija. Šta će to biti, niko ne zna, ali, najverovatnije, prateći novine, displeji na koje smo navikli zastareće. Teško je reći kada će se dogoditi nova revolucija, ali sigurno će doći do nove tranzicije.

Najtužnije u svemu tome je što su ljudi izgubili dio sebe u potrazi za savršenstvom. Vještina kaligrafije danas praktički nikome nije potrebna. To traje dugo, zahtijeva brigu i upornost. Danas ovo nema smisla - postoje slušalice za svaki ukus. Biramo fontove poput zombija: ime, veličina, stil... Poruka? Poruka? Nema poruke iza kompjuterskih fontova, nema istorije, ničega.

NOSTALGIJA PROŠLOSTI

Danas mnogi dizajneri osjećaju potrebu za novim fontovima koji bi tekstu dali toliko potrebnu osobnost. Postoji mnogo načina rada sa tipografijom, svaki sa istim ciljem da se udalji od bezličnosti digitalnih slova. Korišteno je sve – kontrast boja, iluzija volumena, negativan prostor, jednom riječju, sve ono što standardni font može pretvoriti u nešto manje standardni.

I s tim u vezi možemo primijetiti tri trenda koji jačaju, a koji pokazuju želju dizajnera da vrate izgubljenu autentičnost fontovima. Postoje samo tri glavna trenda u tipografiji, ali ih je teško propustiti, jer se pojavljuju bukvalno posvuda. Govorimo o stilovima kao što su retro, akvareli i kape.

VINTAGE GRANGE ŠTAMPA

Jedan od najčešćih problema dizajna je problem sa.

U ovom članku ćemo podijeliti nekoliko principa dobre tipografije i dati vam savjete kako izbjeći mnoge uobičajene greške.

Ovaj članak nije knjiga o tipografiji ili umjetnosti tipografije, više je kao “ brzi savjeti poboljšati bazu fontova dizajna”.

Pravilo 1. Što su fontovi manji, to bolje

Jedna od najvećih grešaka dizajnera je i korištenje veliki broj fontove i/ili njihove stilove. Pokušajte ih svesti na dva ili tri. Odnosno, glavni tekst treba da bude istog fonta i veličine.

Odaberite jedan za naslove i držite ga se, možda u krajnjem slučaju, drugi za podnaslove. Nemojte se plašiti ako se fontovi jako razlikuju jedan od drugog. Kada koristite dva vrlo slična fonta u svom dizajnu, čitatelj bi mogao pomisliti da ste upravo pogriješili i slučajno odabrali pogrešan font prilikom kucanja.

Vodite računa o konzistenciji boje, gustini itd. ili će vaš tekst izgledati kao pijane muhe razbacane po cijeloj stranici.

Pravilo 2. Pazite na pražnjenje

Pazite da ne pređete preko slova. Ako imate problema s nedostatkom prostora za tekst, onda je bolje smanjiti font. Da, može dodati razmak između pasusa, ali nema razloga za brigu, dat će vam malo prostora za disanje dok čitate.

Pravilo 3. Ispravno poravnanje

Nemojte sve centrirati (osim ako se radi o posebnom dizajnerskom potezu). Razmislite o korištenju mreže. Uostalom, sve na stranici je međusobno povezano. Koristite smjernice i postavite predmete prema njima. Ne razbacujte predmete po uglovima stranice kao da ne možete odlučiti gdje ćete ih postaviti.

Pravilo 4. Manje dekorativni fontovi

Imate li lijepe ukrasne fontove? Divno! Ali to uopće ne znači da ih je potrebno koristiti za tekst paragrafa. Iza ukrasnih fontova najčešće se krije priča ili se koriste u određenom slučaju, na primjer, za naslov ili naslov. Često, što jednostavnije, to bolje, zbog čega su fontovi poput Helvetica toliko popularni.

Pravilo 5. Veličina je bitna

Radi se o veličini slova teksta;). Naslovi su u redu kada se kucaju podebljanim i velikim slovima, ali ako koristite prevelika slova u osnovnom tekstu, to će pojeftiniti. Razmisli o tome. Odete u dobar restoran i često se desi da je jelovnik napisan sitnim slovima, izgleda cool. (Samo se pobrinite da font nije dovoljno mali da bi ga bilo teško čitati.) Nemojte se plašiti da vaši naslovi budu mnogo veći od vašeg teksta.

Pravilo 6. Pazite na čitljivost

Sve što radite radi se tako da se može pročitati. Tamni tekst uključen tamna pozadina- Ovo nije baš dobra ideja... Što je još gore, stavljanje malog teksta preko fotografije visokog kontrasta. Ne zaboravite da izbjegavate stavljanje teksta preko bilo čega.

Pravilo 7. Odaberite prave boje

Koja je boja najbolja za font? Općenito, vjerovali ili ne, crno ili bijelo je često najbolje. Ako koristite drugu boju osim različitih nijansi sive, smanjite zasićenost. Pisana slova jarkih boja mogu biti teška za čitanje. Čuvajte se složenih vibrirajućih kombinacija poput crvene na zelenoj.

Pravilo 8. Pogodno grupisanje

Najbolje je kombinirati povezane dijelove informacija zajedno. Ovo će dizajn učiniti jasnijim. Na primjer: pogledajte filmski poster, svi podaci su grupirani u atraktivne blokove. Sada se mogu posmatrati kao poseban element dizajn. Primjeri lošeg grupisanja - otvorite žute stranice.

Pravilo 9. Dovoljno vođenje

Ovo je razmak između redova teksta. Veoma je važno odabrati pravi interval. Mnogo je ugodnije čitati kada između redova ima mjesta za ostatak očiju. Općenito je pravilo, pokušajte koristiti početnu poziciju za najmanje 2 boda veće od veličine slova. Na primjer: za maksimalnu čitljivost na 10pt font treba postaviti na najmanje 12pt.

Pravilo 10. Pazi na kerning

Kerning je razmak između pojedinačnih znakova u riječi. Važno je imati iskustvo u prepoznavanju lošeg kerninga, jer programi, poput Photoshopa, često griješe u njegovom postavljanju. Ovo će se morati ručno podesiti, ali glavna stvar je ne pretjerivati. Ako vam se ne sviđa razmak između znakova, ali niste sigurni kako ga poboljšati, odaberite drugi font.

Isprobajte ova pravila kada radite s tipom. Dobro dizajnirani blokovi tipa trebali bi izgledati dobro bez ikakvih slika. U najboljem slučaju, vaš tip rada pojačava pozitivno iskustvo dizajna. Trebao bi biti privlačan i lak za čitanje.