Naučite dizajn tipografije

Tipografija igra veliku ulogu u prenošenju informacija i doprinosu ukupnom izgledu i osjećaju dizajnerskog projekta.

Pa šta je tipografski dizajn?

Izvor slike: Unsplash

Tipografski dizajn je zamršen oblik grafičkog dizajna koji zahtijeva ogromnu pažnju 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 kreirati slova koja su čitljiva, privlačna i na brendu.

U ovom članku ćemo zaroniti u pozadinu o dizajnu tipografije, neke osnovne koncepte zanata, vrste tipografije koje treba znati i neke primjere koji će vam pomoći da shvatite i dobijete inspiraciju.

Završit ćemo članak s nekim prijedlozima za daljnje istraživanje kako biste mogli nastavite učiti o ovom zamršenom zanatu. Ovo je prekrasan, vitalan i potcijenjen aspekt grafičkog dizajna, tako da jedva čekamo da mu posvetimo pažnju koju zaslužuje u ovom članku. Hajde da počnemo.

Neke pozadine o dizajnu tipografije

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

Čekaj. Čekaj. Hajde da premotamo. Počelo je prije toga. Tehnički je počelo u Mezopotamiji (današnji Irak).

Prvo pismo zahijerarhija. Pogledajte kako različite veličine fontova pokazuju čitaocu gdje da traži i vode ga kroz iskustvo informacija na najlogičniji i najjednostavniji način?

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

Bauhaus pokret je doveo do vlastitog fonta, a tipografija inspirirana Bauhausom i dalje može biti šik i zabavna u dizajn do današnjeg dana.

Savjeti i za poneti

Vrsta 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 objekata, tekstura i elemenata prirode pretvara tekst u priču i čini ga intrigantnim.

Font utječe na osjećaj

Ili bismo radije rekli "tipografiju?" Pismo ili font ima veliki uticaj na moos. Kao što ćete primijetiti u primjerima, ozbiljan serif prikazuje sasvim drugačije raspoloženje u odnosu na laganu i pjenušavu starinsku skriptu.

Tipografija je vrlo tehnička

‍ To su detaljne tehničke stvari koje imaju najznačajniji utjecaj na dizajn tipografije. Ovi dizajneri moraju imati vrlo oštro oko i moraju voditi računa o kerningu, razmaku između linija, mrežama i svim sitnicama koje ulaze u anatomiju tipografije.

DizajnTipografija s Vectornatorom

Vectornator je odličan alat za dizajniranje tipografije.

Imate pristup svim alatima vezanim za tekst koji vam mogu zatrebati na dohvat ruke, a da ne spominjemo brojne alate za crtanje da se zabavite sa svojim ručnim slovima. Svakako provjerite aplikaciju ako već niste i podijelite s nama svoje sjajne tipografske dizajne!

Rani kineski sistem pisanja izgleda da je nastao oko 1300. godine prije Krista iz dinastije Shang. Sva tri navedena su bila jedinstvena i nezavisno stvorena oblika pisanja. To je dokaz da je jednostavno ljudska priroda da komunicira jezik vizuelno.

Umetnost pisanja mastilom započeli su Egipćani. Ovaj koncept je na kraju stigao do zapadnog svijeta, gdje su piktogrami evoluirali u abecede koje su dovele do umjetnosti kaligrafije, koja je uključivala prelijepa ručna pisma koja su uglavnom radili monasi.

Nazad na Gutenberg – ovdje je počela moderna tipografija. On je izumio štamparsku mašinu u 15. veku i prvi font poznat kao "blackletter", koji je katalizovao dizajn štampe i tipografiju kakvu poznajemo.

Pogledajte ovaj video za kratak, detaljan historija.

Duboko ronjenje u historiju pisanja je zečja rupa koja može trajati cijeli život, pa ćemo je ostaviti tamo za ovaj članak, sve dok shvatite koliko je tekst vitalanje za nas ljude! Dakle, ako ste dizajner ili tipograf ili razmišljate o tome da se bavite zanatom, vaše vještine su zaista vrijedne.

Poznati tipografi koje trebate znati

Vjerovali ili ne, postoji ima dosta poznatih dizajnera fontova o kojima treba naučiti (da li ste se ikad zapitali odakle neki od tih naziva fontova dolaze?

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

Johannes Gutenburg

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

Jan Tschichold

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

Carol Twombly

Čuveni dizajn slova za Adobe, a poznata je po svojim kreacijama pisama “Trajan”, “Myriad”, “Adobe Caslon, ” i “Chaparral.”

John Baskerville

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

Stanley Morison

Britanski dizajner s početka 20. stoljeća koji je kreirao poznati font “Times New Roman”.

Zašto je tipografija važna?

Tipografski dizajn je jedan od vitalni elementi u grafičkom dizajnu i UX/UI.

Tipografija u dizajnerskim sistemima prenosi poruku,vodi iskustvo i naglašava identitet brenda. Tipografija je temelj štampe i digitalnog iskustva. Bez toga nismo u mogućnosti da na odgovarajući način komuniciramo koncepte.

Tipografski izbori dizajnera utiču na izgled i osjećaj brenda ili dizajnerskog projekta, kao i na iskustvo gledatelja.

Vrste tipa

Uh, šta to znači?

Tipografija se takođe može nazvati jednostavno "tip." I, ironično, postoji nekoliko različitih tipova, odnosno stilova tipa. One su obično grupisane u pet glavnih kategorija: serif, sans serif, script, monospaced i display.

Unutar njih postoje i potkategorije. Pogledat ćemo detaljnije za minut, ali prije nego što počnemo, hajde da razjasnimo nešto što se možda pitate: koja je razlika između fonta i slova?

Font u odnosu na tip slova

Pravopis se odnosi na širi stil dizajna grupe znakova, dok su fontovi varijacije kreirane od tog tipa slova.

"Arial" je font, dok "Arial Narrow" ili "Arial Bold" je font. Postoji mnogo argumenata i nesporazuma oko toga, ali glavna stvar koju treba znati je da fontovi spadaju u tipove. Font je u suštini manipulirani oblik većeg slova. Evo članka koji ga razmatra u -dubina ako ste zainteresirani.

Kategorije slova

Serif

Ovo su vaše tradicionalno tijelostilovi kopiranja, koji se također koriste za naslove i naslove. Vidjet ćete ih u knjigama, časopisima i novinama. Serif fontovi su definisani tako što imaju mali potez na kraju glavnih poteza koji čine lik, na primjer:

Prepoznat ćete "Times" kao serifno pismo.

Sans. Serif

Sans Serif u suštini znači "bez" (tj. sans) tog dodatnog poteza. Ovi tipovi su jednostavniji. Oni su također uobičajeni tipovi za body copy. Ovo su općenito najčitljivija slova.

Skripta

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

Prikaz

Slično skripti, za naslove i naslove koriste se tipovi prikaza i fontovi za prikaz. Ovo također čini kreativnijim i izražajnijim fontovima.

Monospaced

Ovo je tipično font za pisaću mašinu. Najčešće se koriste za prikaz koda. Neki jednorazredni fontovi uključuju Menlo i courier.

Neki osnovni koncepti i termini tipografije

Mnogo toga ide u dizajn tipografije.

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

Razmak između slova AKA “praćenje”

‍ Razmak između redovai oko likova je jednako važno kao i sami likovi. Rad sa prostorom je sastavni 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 čini tekst istaknutim i prilično je dubinski. Zato smo napisali cijeli članak o kerningu.

Skala tipa

Ovo se odnosi na veličine tipa. Skala tipa utiče na čitljivost i izgled teksta. Igranje s skalom slova može biti prilika da postanete kreativni s dizajnom, a također se može koristiti kao tehnika za usmjeravanje oka.

Tipografske hijerarhije

‍ Zamislite ovo kao tehniku ​​"korisničkog iskustva" za tip. Tipografska hijerarhija koristi veličinu fonta, težinu, pa čak i boju kako bi vodila oko kroz tekst.

Težina

Odnosi se na to koliko je "lagano", "teško" ili "podebljano" komad tekst je.

Anatomija tipa

‍ Ovo je krovni izraz za mnoge manje koncepte koji postoje u dizajnu tipografije. 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, vimora da ste naišli na Microsoft Word dokument ili google dokument gdje ste "poravnali" svoj tekst lijevo, desno ili u centar.

Mreže

Važan element za tijelo teksta, okvir mreže tekst - mogu biti u obliku kolona, ​​kvadrata koji ostavljaju bijeli prostor za naglašavanje poziva, ili mješavine 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 predstavu o tome što je moguće, razumjeti o čemu smo gore raspravljali i dajte vam ideje za vaš sljedeći dizajnerski projekt!

Ovaj kul primjer dizajna tipografije pokazuje šta možete učiniti uz malo mašte. Ovaj dizajner spojio je tipografiju sa svakodnevnim predmetom kako bi vizualno uhvatio suštinu riječi. Pertla je savršena za kreiranje teksta, a dodatni element animacije čini ovaj komad teksta još privlačnijim.

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

Slična strategija kao i slika patika, ovaj komad tipografije koristi slike povezane sa word.

Let Go Lettering je dizajnirala Ana Stoyanova. Povežite se s njima na Dribbble-u; globalnizajednica za dizajnere i kreativne profesionalce.

Ovaj dizajn radi fantastičan posao hvatanja osjećaja riječi. Pastelne boje i vintage inspirisan font koji izaziva osjećaj slobode čine da se gledalac osjeća opušteno i opušteno, kao što sugeriraju riječi "pusti".

Ova slika koristi jednostavnu tehniku ​​zamagljivanja kako bi stvorila zanimljivu igru na riječima. Tipografija je tako jednostavna, samo osnovni serif font u crnoj boji na bijeloj pozadini, naglašavajući da je jedna jednostavna tehnika dizajna zamućenja nekoliko slova za kreiranje poruke dovoljna. Cool dizajn centralne tipografije ne mora biti ništa složen do upečatljiv. Najjednostavnija, pametna ideja također funkcionira!

Ovaj zadivljujući dizajn tipografije koji izvrće jezik kreativno koristi jezik kao osnovu teksta. Opet, dopuštajući riječima da vode kako dizajnirate tekst.

Ovaj dizajn kombinira fotografiju s tipografijom. Za dodatni element kreativnosti, možete dopustiti da fotografija vodi kako biste mogli dizajnirati tip. Možete prvo zamisliti kako biste željeli da tip izgleda u smislu onoga što želite da komunicirate; na primjer, ovaj dizajner je možda došao na ideju da riječi "ne dirajte" budu stisnute parom ruku kako bi se napravio cool pasus prije nego što je pronašao fotografiju.

Alternativno, možete napraviti zabavan dizajnerski projekat koji uključuje snimanje i pronalaženje fotografija koje vam se sviđaju i uklapanje teksta u njihfotografiju kako bismo stvorili zanimljivu vizualnu priču u kojoj tekst i fotografija rade i kontrastiraju jedan s drugim.

Ok, koristimo puno primjera gdje je tekst sastavljen od objekata koji se odnose na Riječ. Shvataš; mi to shvatamo; samo pokušavamo da vas inspirišemo tipografijom koja izgleda sjajno. Nadamo se da vam se sviđa. To je sve.

Želi li još neko sir?

Ovaj dizajn se poigrava oblikom teksta kako bi vizualno prenio osjećaj težine, kao i korištenjem jakog (tj. podebljano ) napišite istu stvar.

Prekrasan primjer slova u kombinaciji s fotografijom. Također, obratite pažnju na tehniku ​​kombiniranja više fontova u jednom komadu teksta kako biste učinili vizualno privlačnije iskustvo.

Kolekcija fontova Parkshore dizajnirao je Jeremy Vessey. Povežite se s njima na Dribbble-u; globalna zajednica za dizajnere i kreativne profesionalce.

Vintage vibracije za pobjedu! Postoji mnogo sjajnih fontova s ​​kojima se možete igrati kada je u pitanju starinski izgled i osjećaj. Ovo je samo jedan primjer od mnogih. Obratite pažnju na to kako se ovdje koristi više vrsta slova od sans serifa do skripte.

Nuts About Typography je dizajnirao Focus Lab. Povežite se s njima na Dribbble-u; globalna zajednica za dizajnere i kreativne profesionalce.

Ovo je primjer tipografije