Elemente tipografije svi trebaju razumjeti

Dizajn tipa mnogima može biti zastrašujući, s pojmovima kao što su vodeći, osnovni, kerning, uzlazni, repni i mnogi drugi ... Dobra vijest je da postoji osam osnovnih, univerzalnih tipografskih elemenata dizajna: slovopis, hijerarhija, kontrast, dosljednost, usklađenost , bijeli prostor i boju. Čak i osnovno razumijevanje svakog od ovih elemenata može revolucionirati bilo koji dizajnerski projekt.

Tipografska načela nisu samo proizvoljne estetske filozofije koje je neki pretenciozni student dizajnirao, oni su tehnike pomoću kojih možete gledateljima predstaviti svoje ideje i izvući maksimum iz svake riječi. Načela koja se bave svakom od ovih elemenata vrte se oko jedne središnje ideje: dobre komunikacije. Dobra tipografija je imperativ u bilo kojoj situaciji u kojoj želite prenijeti ideju drugoj osobi putem teksta - kao što su web stranica, blog blog, oglas u časopisu, sučelje, bilbord ili bilten.

tipografiju

Postoje tri osnovne vrste znakova: serif, sans-serif i dekorativne.

Kategorije slova.

Primijetite mala ukrasa na kraju redaka na serif fontu, zaokruženi crvenom bojom. Oni se zapravo zovu "serifi", otuda i naziv kategorije fontova. "Sans" znači "bez", zbog čega se svi fontovi bez serifija nazivaju "sans-serif". Dekorativni fontani su takvi koji se ne uklapaju strogo ni u jednu od tih kategorija i često su složeni kreativni fontovi koji se koriste za naslove ,

Najbolje je upotrijebiti najviše tri fonta u datom dizajnerskom projektu, a dva su često čak i bolja. Vaš dizajn drži neurednim i jednostavnim. Pokušajte upariti serifne fontove sa sans-serif fontom, poput stavljanja osnovnog teksta u serif font i stavljanja naslova u sans-serif font ili obrnuto. Koristite ukrasne fontove minimalno, a gotovo nikada za tekst osnovnog tijela, jer često imaju malu čitljivost i većinu vremena neće izgledati ispravno.

Parivanja fontova.

Korištenjem programa Gravit Dizajner lako možete odabrati sjajne kombinacije fontova odabirom sloja teksta koji želite izmijeniti (1), odabirom kartice "Izgled" (2) i pomicanjem kroz "Web Fontove" ili "System Fontove", koji su fontove koji su već na vašem računalu (3). Preporučujem pretraživanje web fontova kako biste izbjegli ljepljive, pretjerano korištene fontove koji dolaze s većine računala. Pripazite na preglede fonta (4) i utvrdite jesu li ukrasni, serif ili sans-serif. Font koji sam odabrala u nastavku, "Adamina", je serifni font i izvrsno izgleda uz podebljani sans-serif naslov.

Odabir fontova u Gravit Designer-u

Hijerarhija

Jedna od glavnih uloga hijerarhije jest pomoći u organiziranju vaših ideja kako bi gledatelji uvijek mogli prepoznati koju kategoriju informacija čitaju. Tipičan primjer bila bi web stranica, gdje je naslov web mjesta na vrhu stranice u velikom zaglavlju, dok su glavne stranice za navigaciju unutar web stranice navedene ispod zaglavlja manjim fontom. Ovo je vizualni znak koji pomaže čitateljima da prepoznaju kontekst teksta bez da čak i svjesno razmišljaju o njemu. Primijetite da je na web mjestu ispod svega tekst iste veličine, fonta, težine i boje, s malim razlikovanjem. Čitav tekst izgleda jednak i ništa ne iskače ... ovo je loš dizajn!

Dizajn kojem nedostaje hijerarhija.

Na sljedećoj slici font, veličina, boja i format svake hijerarhijske razine modificirani su tako da budu jedinstveni i stoje odvojeno od ostalih kategorija. Primijetite da naslov web stranice, navigacijski izbornik i glavna zaglavlja sadržaja i tekst teksta imaju ujednačene stilove koji su jedinstveni za njihove kategorije.

dizajn s dobrom hijerarhijom (prikazi ilustracija web stranice galerije naljepnica Gravit Dizajnara)

Hijerarhija također pomaže da vaš tekst postane skandabilan. U dobi od tweeta od 140 znakova i TL; DR (predugo; nije čitao), pisci i dizajneri sada moraju, više nego ikad, težiti da budu sažeti i pružiti čitateljima mogućnost brzog konzumiranja velikih količina informacija. Jedan od najboljih načina da se to postigne je upotreba hijerarhije u omogućivanju svoga pregledavanja teksta.

Na primjer, ako netko čita brošuru za vaše pekarsko poslovanje, ali zanima vas samo kolač, želite im pružiti brz način pronalaženja tih podataka. Umjesto da gledatelj čita blokove teksta, organizirajte vrste pečenih proizvoda podebljanim zaglavljama kako bi gledatelj brzo pronašao područje relevantnih podataka prije nego što mora pažljivije pogledati.

Kontrast

Kontrast čini tekst zanimljivim i može vam pomoći komunicirati koje ideje želite naglasiti. Različite veličine, slova, težina, boja i stil mogu dati vašem dizajnu velik utjecaj kao i organizirati vaše ideje. Ispod možete vidjeti kako vam kontrast pomaže da svom tekstu pružite zanimljiv, privlačan i još sadržajniji izgled. Ispod je riječ "malena" crna, poravnava udesno, lagana, kurzivnim serifom s povećanim razmakom između slova. "Veliki" je crvene boje, velike težine, u pravilnom sans-serif formatu, i oko 10 puta je veći od riječi "Mali".

Puno kontrasta, a time i utjecaja!Bez kontrasta = dosadno!

Jasno, elementi kontrasta čine da se prvi dizajn ističe mnogo više od drugog dizajna, pri čemu obje riječi imaju isti stil.

Dosljednost

Dosljednost je ključno načelo za sve tipografije. Dosljedni fontovi osobito su važni jer upotreba previše može dovesti do zbunjujućeg i neurednog izgleda, zato uvijek koristite isti stil fonta za iste informacije. Odlučite se za hijerarhiju stilova i držite se toga. Iako imate više razina hijerarhije, trebali biste se držati sveobuhvatne teme za dizajn.

Stranica "Prvo poglavlje" dopadljivog je dizajna sa samo dva lica fonta, dvije boje i tri veličine fonta. Iako se koriste samo dva lica slova, hijerarhija se postiže veličinom i bojom. Sav je tekst sravnjen ulijevo, osim broja stranice, pružajući čiste, dosljedne retke. Međutim, na stranici "Drugo poglavlje" nalaze se četiri različita lica fonta, četiri boje, četiri veličine slova, a svaki element ima drugačije poravnanje - sve to stvara neuredan, neprivlačan dizajn.

Poravnanje

Poravnanje se odnosi na "liniju" prema kojoj tekst orijentira. Može se primijeniti na čitav tekst, pojedinačne riječi ili čak slike. Usklađivanje treba biti što je moguće više dosljedno, a svaki element vašeg dizajna trebao bi se na neki način uskladiti s jednim od drugih elemenata kako bi se stvorile jednake veličine i udaljenosti između objekata. Na primjer, možda želite da se logotip po veličini poravna s zaglavljem, a možda želite i da se tekst tijela uskladi s istim marginama u koje zaglavlje pada.

Alat za ravnanje tvrtke Gravit Design najbolji je način praćenja poravnanja slika, oblika, linija i teksta. Odaberite Pogled> Prikaži ravnala u gornjem izborniku da biste otvorili alat ravnala i povucite vodiče iz ravnala koji se pojavljuju s lijeve i gornje strane dokumenta. Da biste promijenili mjernu jedinicu prikazanu na ravnalu, odaberite Dokument> Jedinica na karticama s desne strane zaslona (na platnu nije odabran nijedan element). Također možete uključiti mrežu s desne strane da vam pomogne.

pomoću ravnala za poravnavanje objekata

Mnogi amaterski dizajneri pogriješe što pretjerano koriste poravnanje središta ... primamljivo je, ali može biti neuredno i izgledati neuravnoteženo. Poravnanje lijeve strane obično je najbolji izbor, a poravnavanje desne također može biti zanimljivo. Međutim, izbjegavajte korištenje ispravnog poravnanja za tekst teksta.

pogledajte koliko je bolje poravnanje lijevo od centra!

Bijeli prostor

Prostor ispod bjeline odnosi se na prazan prostor oko predmeta ili teksta, a može imati oblik marževa, obloga ili samo neprekidno područje. Stvara ugodan vizualni doživljaj i čak može privući pažnju na tekst. U prvom okviru ispod teksta tekst je pritisnut uz ograničavajući okvir, što ga čini teškim za čitanje. U drugom okviru tekst ima sobu za disanje, a dizajn još više izgleda stilski.

Često mislimo da su blještave boje i podebljani fontovi jedini način da privučemo pažnju na tekst, ali nevjerojatno je da bijeli prostor može biti najbolji način privlačenja gledatelja, jer ukazuje da ono što se nalazi u velikom polju praznog prostora mora biti važno ,

Boja

Boja zaista može pomoći u postavljanju raspoloženja za vaš dizajn, a ako ga ispravite, vaš tekst se može istaknuti. Tri su glavne komponente boje:

  1. Hue - nijansa boje
Podešavanje nijansi u Gravit Designer-u

2. Zasićenje - kako je sjajna boja

Podešavanje zasićenja u gravitacijskom dizajneru

3. Vrijednost - svjetlost ili tamnost boje

Podešavanje vrijednosti u Gravit Designer-u

Ne zaboravite da razlikujete nijansu, zasićenost i vrijednost na način koji olakšava čitanje teksta. Dobar način da utvrdite imaju li vaše boje dovoljno kontrasta da biste vidjeli svoj dizajn u sivim tonovima i ako ne izgleda dobro, možda će vam trebati podešavanje vrijednosti. Primjetite kako tekst na desnoj strani postaje gotovo nevidljiv u nijansama sive, dok slika na lijevoj strani i dalje izgleda sjajno:

Jedna situacija u kojoj kontrast jednostavno nije dovoljan je sa svijetlim tekstom na tamnoj pozadini ... čak i ako se kontrast čini visokim, jednostavno nije lako čitati kao tamni tekst na svijetloj pozadini, posebno s malim tekstom, pa to koristite stil štedljiv!

Kada se bavite bilo kojim dizajnom, postavljanje ovih triju pitanja pomoći će vam da se prisjetite gore navedenih smjernica i načela:

  • Je li moj tekst čitljiv?
  • Je li moj stil dosljedan?
  • Koristi li moj stil kontrast?

Nadam se da je ovo bilo korisno uvođenje u upotrebu osnovnih tipografskih elemenata. U nastavku prokomentirajte koji element smatrate da je najvažniji ili najviše previdjeti te nam javite sve savjete ili principe koje želite podijeliti!

Web stranica | Facebook Twitter | Forum