Povratak na osnove: Prekrasna tipografija u web dizajnu

/2015-03-17 18:05:29/
Kazaria
/Poslovanje/

Sjajna web stranica započinje prekrasnom tipografijom. I dok je kršenje povremenih pravila izvrsno, ponekad se dobro vratiti načelima onoga što čini odličnu tipografiju - i kako je stvoriti.

To je vitalno osvježenje koje vam može pomoći u preispitivanju projekata, razmatranju novog pristupa ili samo vraćanju jednostavnijem i modernijem dizajnu.

Stoga danas ignoriramo trendove i načine kršenja pravila kako bi se usredotočili na teoriju tipografije i kako „pravila“ mogu biti odlična smjernica za stvaranje fenomenalnog tipa.

Veličina i hijerarhija

Veličina je bitna. Veličina može biti jedan od najvažnijih čimbenika pri stvaranju kontura čitljive tipografije na ekranima. Sitni tekst može biti jeziv i teško ga je vidjeti. Preveliki tekst može se čudno prelaziti u redove i uzrokovati zbrku.

Čitana tipografija ima nekoliko slojeva hijerarhije kako bi korisnici mogli reći što treba pročitati prvo, drugo i tako dalje. Postoji očita ljestvica, tako da je tekst teksta jedna dimenzija u cijelom dizajnu, naslovi su druge veličine, a proboji i podnaslovi također imaju svoje specifikacije.

Praćenje i Kerning

Često zbunjeni, praćenje i kerning nisu ista stvar. Kerning je podešavanje razmaka između para slova. Praćenje je prilagođavanje razmaka između cijelog niza znakova, kao što je odlomak ili cjelovito prilagođavanje bloku teksta.

Kerning se često primjenjuje na pojedine elemente kako bi se stvorila preciznost i poboljšala čitljivost, pa čak i stil velikog teksta. Praćenje se često koristi za zatezanje labave vrste teksta u kopiji.

Ograniči slojevi

Previše slogova znakova može biti neodoljivo i jezivo. Dva ili tri slova su dovoljna za većinu projekata.

Ključ u odabiru opcije solidnog tipa je odabir obitelji s obiljem varijacija stila. Najviše kvalitetnih znakova dolazi s više stilova - podebljani, pravilni, kurzivi, kondenzirani, crni i tako dalje. Odabirom slova s višestrukim opcijama imat ćete težinu i stil za višestruku upotrebu. (Neke obitelji uključuju čak serif i sans serif opcije ako želite zadržati cjelokupni dizajn u jednoj obitelji fontova.)

Miješajte i slažite stilove

Kad birate slojeve slova - doduše, ovo može biti najteži dio mnogih dizajnerskih projekata - u redu je, čak i poželjnije, odabrati dva različita stila tipa.

Najčešće je uparivanje serif i sans serif. Ali ne morate se držati toga.

Kod uparivanja različitih stilova i slova, potražite slova s sličnom visinom x (potražite skupove znakova iste vertikalne male veličine "x") i oblik zdjela (prostor unutar zatvorenih slova poput "o").

Ovi detalji mogu značajno utjecati na to kako se složeni slojevi osjećaju zajedno i koliko je korisnicima lako čitanje teksta. Korištenje sličnih oblika slova u različitim stilovima još uvijek ima vizualnu povezanost koja olakšava čitanje svih vrsta zajedno.

Zaboravite crtice i opravdanje

Većinu vremena crtice i potpuno opravdanje nisu potrebni.

Ovim tehnikama, posebno putem interneta, tekst se može otežati probaviti i razumjeti na prvi pogled. Defekti razbijaju iskustvo čitanja i potpuno opravdanje često rezultira neparnim razmakom koji je teško pročitati.

Iako oba elementa imaju svoje mjesto u nekim projektima, najčešće ih treba izbjegavati.

Ne mijenjajte fontove

Nikada ne biste trebali prilagoditi font. Ne pokušavajte učiniti ga debljim, većim ili tanjim. Odaberite umjesto toga novi oblik slova.

Dizajneri tipa naporno rade na stvaranju konzistentnog skupa znakova za slovo koji se mogu čitati i uklapaju se u stil fonta. Ne pokušavajte promijeniti izgled niza znakova. Nećete ih poboljšati i često će napraviti nered takve vrste u procesu.

Ako slovo teksta ne radi baš onako kako vam treba, potražite nešto drugo. Pokušajte s alatom za prepoznavanje sličnih fontova Identifont, koji identificira tipove slova sa sličnim izgledima, za odabir druge opcije koja bi mogla bolje funkcionirati u vašem projektu.

Kontrast

Dizajn za kontrast pomoću tipografije. Baš kao što biste koristili različite veličine za stvaranje hijerarhije, razmislite o različitim težinama, bojama i stilovima fonta kako biste osigurali vizualni interes.

Boja je jedan od najučinkovitijih - i najlakših načina za stvaranje kontrasta. Idealan kontrast je tamni tekst na svijetloj pozadini (ili obrnuto). Postoji gotovo neograničen broj opcija boja koje će vam pomoći da to postignete. Kada se igrate bojom i tipografijom, imajte na umu da neke kombinacije boja, poput jarko crvene boje na desnoj plavoj boji, mogu biti zaista teške za čitanje. Potražite kombinacije koje su različite u pogledu svjetla u odnosu na tamu, živosti i zasićenosti.

Kad je u pitanju kontrast, jednostavne su pozadine često najbolje dati sobu s tekstom koja se mora čitati. Ali ako pozadina sadrži vizualne elemente, poput slike ili uzorka, hrpa veličine slova radi stvaranja razdvajanja između teksta pozadine i prednjeg elementa teksta.

Izmjerite stvari

Mjera je veličina spremnika koji sadrži tekst. To može biti širina cijelog okvira teksta ili jednog stupca u formatu više stupaca.

Izmjerite važnost jer broj znakova (uključujući razmake, glife i interpunkcijske znakove) na cijelom zaslonu može utjecati na čitljivost. Teorija koja stoji iza ovog koncepta je da ako su linije preduge ili prekratke, može biti naporno za čitanje očima korisnika zbog stalnog kretanja unatrag i nazad od jedne do druge linije.

Iz elemenata tipografskog stila: „Sve što ima od 45 do 75 znakova smatra se zadovoljavajućom duljinom crta za stranicu s jednim stupcem postavljenom u serifirano lice u veličini teksta. Crta od 66 znakova (koja se računa i slovima i slovima) nadaleko se smatra idealnom. Za rad s više stupaca bolji je prosjek od 40 do 50 znakova. "

To je prilično dobra polazna točka za većinu projekata, iako se mnogi projekti naziru u malo veće veličine, zbog čega bi broj likova pao na manji kraj tog raspona.

Iako se mobilna tipografija nije bavila prilikom prvog objavljivanja knjige, smjernica za više stupaca prihvatljivo je polazište. Možete čak odabrati malo niži i ciljati za optimalnijih 35 znakova po retku za male ekrane.