Naučite dizajn tipografije

Tipografija igra ogromnu ulogu u prenošenju informacija i pridonošenju cjelokupnom izgledu i dojmu dizajnerskog projekta.

Dakle, što je tipografski dizajn?

Izvor slike: Unsplash

Tipografski dizajn je zamršen oblik grafičkog dizajna koji zahtijeva ogromnu pozornost na detalje i zahtijeva tehničko znanje i kreativnost. Industrija dizajna oslanja se na tipografe i grafičke dizajnere kako bi razumjeli kako koristiti, manipulirati i stvoriti slova koja su čitljiva, privlačna i prilagođena robnoj marki.

U ovom ćemo članku zaroniti u malo pozadina tipografskog dizajna, neki osnovni koncepti zanata, vrste tipografija koje morate znati i neki primjeri koji će vam pomoći da razumijete i dobijete inspiraciju.

Članak ćemo završiti s nekim prijedlozima za daljnje istraživanje kako biste nastavi učiti o ovom zamršenom zanatu. Ovo je prekrasan, vitalan i podcijenjen aspekt grafičkog dizajna, pa jedva čekamo da mu damo pozornost koju zaslužuje u ovom članku. Započnimo.

Nešto pozadine o dizajnu tipografije

Sve je počelo s tipom po imenu Gutenberg i fontom po imenu Blackletter.

Čekaj. Drži se. Premotajmo unatrag. Počelo je prije toga. Tehnički je počelo u Mezopotamiji (današnji Irak).

Prvo pismohijerarhija. Vidite kako različite veličine fonta pokazuju čitatelju gdje da gleda i vode ga kroz doživljaj informacija na najlogičniji i najlakši način?

Provjerite kako se poravnanje kreativno koristi s desnim poravnanjem a bijeli prostor kao središnja atrakcija za oko stvara lagan i prozračan, minimalistički dizajn.

Pokret Bauhaus iznjedrio je vlastito pismo, a tipografija inspirirana Bauhausom još uvijek može biti šik i zabavna u dizajn do danas.

Savjeti i za ponijeti

Tip priča vizualnu priču ‍

Tekst je mnogo više od teksta u novinama ili web stranici. Sam tekst priča priču (i ne mislimo samo na riječi). Kao što ste primijetili iz primjera, korištenje predmeta, tekstura i elemenata prirode pretvara tekst u priču i čini ga intrigantnim.

Font utječe na osjećaj

Ili bismo bolje rekli "font?" Tip slova ili font ima veliki utjecaj na moos. Kao što ste primijetili u primjerima, ozbiljan serif prikazuje vrlo različito raspoloženje od laganog i pjenušavog vintage pisma.

Tipografija je vrlo tehnička

‍ Detaljne tehničke stvari imaju najveći utjecaj na dizajn tipografije. Ovi dizajneri moraju imati vrlo oštro oko i moraju brinuti o kerningu, razmacima između linija, mrežama i svim sitnim stvarima koje ulaze u anatomiju tipografije.

DizajnTipografija s Vectornatorom

Vectornator je izvrstan alat za dizajniranje tipografije.

Imate pristup svim alatima vezanim uz tekst koji bi vam mogli zatrebati na dohvat ruke, a da ne spominjemo brojne alate za crtanje zabaviti se s natpisom tvoje ruke. Svakako provjerite aplikaciju ako već niste i podijelite svoje sjajne dizajne tipografije s nama!

Čini se da je rani kineski sustav pisma nastao oko 1300. pr. Kr. iz dinastije Shang. Sva tri navedena bila su jedinstveni i neovisno stvoreni oblici pisma. To je dokaz da je jednostavno ljudska priroda komunicirati jezikom vizualno.

Egipćani su bili ti koji su započeli umjetnost pisanja tintom. Taj se koncept s vremenom probio do zapadnog svijeta, gdje su piktogrami evoluirali u alfabete koji su doveli do umjetnosti kaligrafije, koja je uključivala prekrasna slova pisana rukom uglavnom od strane redovnika.

Povratak Gutenbergu - ovdje je započela moderna tipografija. Izumio je tiskarski stroj u 15. stoljeću i prvi imenovani font poznat kao "blackletter", katalizirajući dizajn tiska i tipografiju kakvu poznajemo.

Pogledajte ovaj videozapis za kratak, točan prikaz povijest.

Duboko zaranjanje u povijest pisanja zečja je rupa koja može trajati cijeli život, pa ćemo je ostaviti tamo za ovaj članak, sve dok shvaćate koliko je tekst vitalanje nama ljudima! Dakle, ako ste dizajner ili tipograf ili razmišljate o tome da se bavite zanatom, vaše su vještine doista vrijedne.

Poznati tipografi koje treba znati

Vjerovali ili ne, postoje postoji mnogo poznatih dizajnera pisama o kojima možete naučiti (da li ste se ikada zapitali odakle neki od tih naziva fontova?

Pa, mnogi od njih su zapravo nazvani po svojim kreatorima). Evo nekoliko koji bi vam mogli biti zanimljivi.

Johannes Gutenburg

‍ Možda najpoznatiji dizajner slova, izumitelj je pokretnih slova i font “blackletter”.

Jan Tschichold

Značajna osoba u razvoju grafičkog dizajna u 20. stoljeću, ovaj tipograf, kaligraf i dizajner knjiga izgradio je principe tipografskog modernizma (ne da spomenemo razvijanje vizualnog identiteta knjiga o pingvinima).

Carol Twombly

Slavno dizajnirano pismo za Adobe, a poznata je po svojim kreacijama slova “Trajan,” “Myriad,” “Adobe Caslon, ” i “Chaparral.”

John Baskerville

Britanski tipograf iz 18. stoljeća koji je dizajnirao “Baskerville,” font koji i danas postoji.

Stanley Morison

Britanski dizajner s početka 20. stoljeća koji je stvorio poznati font "Times New Roman".

Zašto je tipografija važna?

Dizajn tipografije jedan je od najvažnijih vitalni elementi u grafičkom dizajnu i UX/UI.

Tipografija u sustavima dizajna prenosi poruku,vodi iskustvo i naglašava identitet robne marke. Tipografija je temelj tiskanih i digitalnih iskustava. Bez toga ne možemo prikladno komunicirati koncepte.

Tipografski izbori dizajnera utječu na izgled i dojam robne marke ili dizajnerskog projekta, kao i na iskustvo gledatelja.

Vrste tipa

Uh, što to znači?

Tipografija se također može nazivati ​​jednostavno "tip". I, ironično, postoji nekoliko različitih vrsta slova, ili, bolje rečeno, stilova slova. Oni su obično grupirani u pet glavnih kategorija: serif, sans serif, pismo, monospaced i display.

Unutar ovih, postoje i potkategorije. Pogledat ćemo pobliže za minutu, ali prije nego što počnemo, razjasnimo nešto što se možda pitate: koja je razlika između fonta i tipa slova?

Font protiv tipa

Slovo slova odnosi se na širi stil dizajna grupe znakova, dok su fontovi varijacije stvorene iz tog pisma.

"Arial" je font, dok je "Arial Narrow" ili "Arial" Podebljano" je font. Postoji mnogo rasprava i nesporazuma oko toga, ali glavna stvar koju treba znati jest da fontovi spadaju u tipove slova. Font je u biti manipulirani oblik boljeg slova. Evo članka koji to razmatra u -dubina ako ste zainteresirani.

Kategorije slova

Serif

Ovo je vaše tradicionalno tijelostilovi kopiranja, također se koriste za naslove i naslove. Vidjet ćete ih u knjigama, časopisima i novinama. Serifni fontovi definirani su malim potezom na kraju glavnih poteza koji čine znak, ovako:

Prepoznat ćete "Times" kao serifno pismo.

Sans Serif

Sans Serif u biti znači "bez" (tj. sans) tog dodatnog poteza. Ova su slova jednostavnija. Oni su također uobičajeni tipovi pisma za tijelo teksta. Ovo su općenito najčitljiviji tipovi slova.

Skripta

Ovi tipovi slova koriste se za naslove i čine izražajnije fontove. Općenito su kurzivni, manje strukturirani i graciozniji.

Prikaz

Slično pismu, tipovi i fontovi za prikaz koriste se za naslove i naslove. Oni također čine kreativnije i izražajnije fontove.

Monospaced

Ovo je tipično pismo pisaćeg stroja. Najčešće se koriste za prikaz koda. Neki monospaced fontovi uključuju Menlo i courier.

Neki osnovni tipografski koncepti i pojmovi

Mnogo toga ulazi u tipografski dizajn.

Dizajner mora poduzeti uzeti u obzir čitljivost teksta, koliko prostora imaju za rad, težinu teksta, razmak između redaka i još mnogo toga. Pogledajmo neke osnovne elemente dizajna koji ulaze u rad s tipografijom.

Razmak između slova poznatiji i kao "praćenje"

‍ Razmak između redakai oko likova je jednako važno kao i sami likovi. Rad s prostorom sastavni je dio dizajna slova i grafičkog dizajna. U dizajnu tipografije, podešavanje razmaka između slova naziva se praćenje.

Kerning

‍ Kerning se odnosi na razmak između znakova i istovremeno je imenica i glagol, ili pojam i proces. To je i prostor između slova i proces prilagođavanja tog prostora. Ovo je važna tehnika u dizajnu koja ističe tekst i prilično je detaljna. Zato smo napisali cijeli članak o kerningu.

Skala tipa

Ovo se odnosi na veličine slova. Mjerilo tipa utječe na čitljivost i izgled teksta. Igra s ljestvicom slova može biti prilika da postanete kreativni s dizajnom, a također se može koristiti kao tehnika za vođenje oka.

Tipografske hijerarhije

‍ Zamislite ovo kao tehniku ​​"korisničkog iskustva" za tip. Tipografska hijerarhija koristi veličinu fonta, težinu, pa čak i boju za vođenje oka kroz tekst.

Težina

Odnosi se na to koliko je "lagan", "težak" ili "podebljan" komad tekst je.

Anatomija tipa

‍ Ovo je krovni pojam za mnoge manje koncepte koji postoje unutar tipografskog dizajna. Postaje vrlo tehnički i izgleda otprilike ovako:

Poravnanje

‍ Odnosi se na to kako je tijelo teksta raspoređeno na stranici. Čak i ako niste dizajner, visigurno ste naišli na Microsoft Word dokument ili Google doc gdje ste svoj tekst "poravnali" lijevo, desno ili u sredinu.

Mreže

Važan element za tijelo teksta, okvir rešetke tekst - mogu biti u obliku stupaca, kvadrata koji ostavljaju bijeli prostor kako bi se istaknuo poziv ili mješavina zanimljivih oblika u kojima se nalazi tekst. Vidjet ćete na što mislimo u primjerima niže.

Primjeri tipografije

Pogledajmo neke primjere tipografije kako bismo dobili bolju ideju o tome što je moguće, razumjeli ono o čemu smo gore govorili i dati vam ideje za vaš sljedeći dizajnerski projekt!

Ovaj super primjer tipografskog dizajna pokazuje što možete učiniti s malo mašte. Ovaj dizajner spojio je tipografiju sa svakodnevnim predmetom kako bi vizualno uhvatio bit riječi. Vezlica je savršena za stvaranje teksta, a dodani element animacije čini ovaj tekst još privlačnijim.

Ovaj kurzivni font u stilu pisma izgleda sjajno kao 3D renderiranje. Tip je glavni element ovog dizajna. Ako pogledate cijelu studiju slučaja, vidjet ćete kako se ovaj tipografski dizajn razvio i zaživio iz osnovnog crteža.

Slična strategija slici tenisica, ovaj dio tipografije koristi slike povezane s riječ.

Let Go Lettering dizajnirala je Ana Stoyanova. Povežite se s njima na Dribbbleu; globalnozajednica za dizajnere i kreativne profesionalce.

Ovaj dizajn fantastično dočarava osjećaj riječi. Pastelne boje i font inspiriran starinom koji izaziva osjećaj slobode čine da se gledatelj osjeća opušteno i lagodno, kao što sugeriraju riječi "otpusti".

Ova slika koristi jednostavnu tehniku ​​zamućivanja za stvaranje zanimljive igre na riječima. Tipografija je tako jednostavna, samo osnovni serifni font u crnoj boji na bijeloj pozadini, naglašavajući da je dovoljna jedna jednostavna tehnika dizajna zamućivanja nekoliko slova za stvaranje poruke. Cool tipografija - središnji dizajni ne moraju biti ništa razrađeni da bi bili dojmljivi. I najjednostavnija, pametna ideja funkcionira!

Ovaj primamljivi tipografski dizajn kreativno koristi jezik kao osnovu teksta. Opet, dopuštajući riječima da vas vode kako dizajnirati tip.

Ovaj dizajn kombinira fotografiju s tipografijom. Za dodatni element kreativnosti, možete prepustiti fotografiji da vas vodi kako možete dizajnirati tipkalo. Prvo možete zamisliti kako biste željeli da tip izgleda u smislu onoga što želite komunicirati; na primjer, ovaj je dizajner možda došao na ideju da se riječi "ne diraj" zgnječe s par ruku kako bi se stvorio cool odlomak prije nego što pronađe fotografiju.

Alternativno, možete napraviti zabavan dizajnerski projekt od snimanja i pronalaženja fotografija koje vam se sviđaju i uklapanja teksta u njihfotografiju za stvaranje zanimljive vizualne priče u kojoj tekst i fotografija međusobno funkcioniraju i međusobno se suprotstavljaju.

U redu, koristimo mnogo primjera u kojima se tekst sastoji od objekata koji se odnose na riječ. Razumiješ; razumijemo; samo vas pokušavamo inspirirati tipografijom koja izgleda sjajno. Nadamo se da vam se sviđa. To je sve.

Još netko žudi za sirom?

Ovaj dizajn poigrava se s oblikom teksta kako bi vizualno prenio osjećaj težine, kao i korištenjem jako utegnutih (tj. podebljano ) tipkajte za komuniciranje iste stvari.

Prekrasan primjer slova u kombinaciji s fotografijom. Također obratite pažnju na tehniku ​​kombiniranja više tipova slova u jednom tekstu kako biste dobili vizualno privlačnije iskustvo.

Kolekciju fontova Parkshore dizajnirao je Jeremy Vessey. Povežite se s njima na Dribbbleu; globalna zajednica za dizajnere i kreativne profesionalce.

Vintage vibracije za pobjedu! Postoji mnogo sjajnih fontova s ​​kojima se možete poigrati kada je u pitanju vintage izgled i dojam. Ovo je samo jedan od mnogih primjera. Obratite pažnju na to kako se ovdje koristi više vrsta pisama od sans serifa do skripte.

Nutinzi o tipografiji dizajnirao je Focus Lab. Povežite se s njima na Dribbbleu; globalna zajednica za dizajnere i kreativne profesionalce.

Ovo je primjer tipografije