Novi članak posvećen temi UI tipografije: pročitajte zbirku saveta o tome kako tipografiju učiniti funkcionalnom i harmoničnom u korisničkim interfejsima za veb i mobilne uređaje.

Tipografija je način komunikacije sa korisnicima. Vizuelne performanse i čitljivost u digitalnim proizvodima imaju veliki uticaj na korisničko iskustvo. Jedan od guru grafičkih dizajnera, Hoon Kim, jednom je rekao: „Tipografski dizajn je vidljiv i zvučan. Ako imate odličan scenario, sada je vreme da glumite dobre glumce. ”Tipografija može postati glas dizajna. Odgovarajuća tipografija sama za sebe postavlja pravo raspoloženje i prenosi određenu poruku korisnicima. Današnji članak predstavlja savete koji će vam pomoći u stvaranju efikasne tipografije.

Tipografska hijerarhija čini da stvari funkcionišu

Da bi se stvorio dizajn prijatan za percepciju korisnika, svi njegovi elementi trebaju biti dobro organizovani i jasni za navigaciju. Dizajneri postavljaju pravilnu strukturu uspostavljajući vizuelnu hijerarhiju. Organizuje sve vizuelne elemente kako bi korisnici lakše uočili sadržaj.

Vizuelna hijerarhija se može podeliti na različite delove. Jedan od njih koji se odnosi samo na elemente kopiranja naziva se tipografska hijerarhija. Cilj mu je organizovanje kopiranja sadržaja deljenjem na različite vrste kao što su zaglavlja, podnaslovi, kopiranje tela, naslovi i drugo. Razlike između vrsta kopija postavljaju se regulacijom porodice (font-family), veličinama, širinom i bojama fontova.

Jasna tipografska hijerarhija čini tekst čitljivim i lakim za skeniranje. Štaviše, jednostavno je označiti ključne delove teksta kako biste privukli pažnju korisnika i povezali ih sa očekivanim radnjama.

Uzmite u obzir kontekst i publiku.

Kada je u pitanju izbor fontova, bitna stvar koju treba uzeti u obzir je kontekst kopije i potencijalna publika. Svaki font donosi svoje raspoloženje. Postoje prijateljski, smešni, ozbiljni, poslovni i mnogi drugi fontovi koji će se uklopiti u određeni dizajn.

Pre nego što odaberete font, morate da naučite ciljeve svog klijenta, kao i potrebe i sklonosti ciljne publike. Vizuelno izvođenje fontova utiče na prvi utisak koji korisnik dobija od proizvoda. Ako vrsta fonta ne odgovara raspoloženju koje proizvod cilja, može doći do nesporazuma sa publikom. Na primer, ako dizajner odabere font koji izgleda previše zabavno i glupo za poslovnu web lokaciju, korisnici će oklevati da li je kompanija pouzdana. Ili, ako je proizvod namenjen mladima, previše formalni font može izgledati dosadno.

Duboka pažnja mobilnoj tipografiji

Dizajneri često eksperimentišu sa tipografijom kako bi projekat bio originalan. Međutim, kada je u pitanju mobilni UI dizajn, tipografima bukvalno nedostaje prostora. Ekrani za mobilne uređaje su prilično mali što postavlja novi izazov dizajnerima da se nose s ograničenjima bez gubitka smisla i funkcionalnosti. Mobilna tipografija zahteva obraćanje posebne pažnje na detalje, od odgovarajuće veličine fontova do dužine linije.

U poređenju sa veb dizajnom, mobilnoj tipografiji je teže dostići dobru čitljivost. Veličina fonta ne bi trebalo da bude premala, jer će na sitnim ekranima izgledati nečitko. Štaviše, ako je tekst prevelik, neće se uklopiti ni na mali ekran. Pored toga, dizajneri moraju da se brinu o nivou kontrasta, jer ekran sa ambijentalnom svetlošću i visokim kontrastom može naštetiti očima korisnika.

Dalje, dizajner treba da razmisli o tipografskoj funkciji. Korisnički interfejs pametnih telefona uključuje tekstualne delove na koje se može kliknuti i dizajneri moraju osigurati da ih korisnici koriste. Ako su ti delovi premali, ljudi ih ne mogu pritisnuti prstom i to je prilično neugodno.

Imajući u vidu sve sitne detalje u mobilnoj tipografiji, dizajneri mogu korisnicima doneti dragocene proizvode.

Minimalizam ne može naškoditi

Ponekad, kada dizajneri imaju za cilj da prikažu sve aspekte digitalnog proizvoda, oni pokušavaju da koriste puno različitih stilova i fontova u jednom dizajnu. Kao rezultat, oni dobijaju dizajn preopterećen nepotrebnim ometajućim detaljima i nedostaje im dobar vizuelni utisak.

Stručnjaci obično pokušavaju da zadrže broj fontova između dva ili tri za isti dizajn. To omogućava suštinski kontrast između elemenata, uz očuvanje ravnoteže i prave poruke dizajna. Primena različitih stilova (podebljana, kurziv) takođe bi trebala biti minimalna. Oni su dobri za naglašavanje zaista važnih delova, ali prekomerna upotreba njih može učiniti da tekst izgleda neuredno.

Takođe, kopiranje sadržaja ne sme preplaviti korisnike nepotrebnim informacijama. Naravno, posao pisca je da stvori odgovarajući tekst ali takodje i dizajneri treba da sarađuju sa njima kako bi bili sigurni da će tekst odgovarati dizajnu.

Tekst mora da “diše”

Nivo čitljivosti se uveliko oslanja na to koliko prostora postoji između slova, reči i linija teksta. Praćenje, kerning i vođenje su procesi prilagođavanja belog prostora između tipografskih elemenata. Beli prostor je područje između elemenata u dizajnerskoj kompoziciji.

Manjak belog prostora može se završiti lošom čitljivošću sadržaja, jer je teško razlikovati reči koje su preblizu postavljene jedna do druge. Odgovarajući beli prostor vizuelno olakšava očima korisnika i omogućava lako prelazak iz jedne reči u drugu, iz jedne linije u drugu. Međutim, pokušajte da ne preterate, jer u suprotnom to može uništiti jedinstvo teksta.

Gradi tipografiju poput naučnika, preispitaj i prepravi kao umetnik

Tipografija je složena nauka koja se sastoji od mnogih pravila i propisa. Oni koji su ih pokrivali u stanju su da stvore čistu radnu tipografiju. Međutim, to nije dovoljno. Klijenti uvek zahtevaju originalnost i emociju, ali to ne može biti urađeno samo prateći pisana uputstva.

Dizajneri nikada ne bi trebali da potisnu svoje umjetničke duše. Mašta i osećaj lepote unose jedinstvenost u bilo koji projekat, pa i u onaj najbanalniji. Pronađite ravnotežu između strogih pravila i neobičnog izbora, a rezultati mogu iznenaditi vas i vaše kupce.

Šarenoj tipografiji je potrebna pažljivost

O ovoj temi se često raspravlja. Neki misle da u tipografiji nema mesta za boju, a neki tvrde da je to potrebno za dizajn lepog izgleda. Nema smisla tražiti pravu stranu spora jer nema ukusa za ukus. Ipak, šarena tipografija postoji i dizajneri je primenjuju prilično često.

Među prednostima šarene tipografije spomenimo element emocije koji dodaje bilo kojem korisničkom sučelju kao i mogućnost isticanja tačaka interesa za korisnike. Štaviše, svaka boja može preneti određenu poruku jer ima uticaja na um i ponašanje korisnika.

Da biste iskoristili sve prednosti, šarenu tipografiju treba primenjivati pažljivo i pažljivo jer je jednostavno pretvaranje korisničkog interfejsa u šareni haos. Evo korisne kontrolne liste za ovakve slučajeve:

Neka bude kontrast. Veliki problem koji šarena tipografija može doneti je loša čitljivost. Pravilan kontrast između fontova i pozadine pomoći će da se ovo izbegne. Međutim, osigurajte da kontrast izgleda prijatno i ne opterećuje oči.

Ne koristite previše boja. Ponovo pokušajte da ne pretvorite UI u nered. Previše boja izgleda distraktivno i amaterski.

Harmonija boja. Zapamtite osnove lekcije iz umetnosti. Koristite kolo boja i šeme da biste izabrali odgovarajuću paletu.

Pazite sa efektima. Fluorescentne, luminiscentne, metalne i užarene boje imaju svoje osobine i ne mogu uvek izgledati dobro na digitalnom ekranu.

Naučite osnove tipografije

Možda zvuči previše očigledno da neki dizajneri ignorišu osnove nauke o tipografiji. Oslanjaju se na moderne alate koji automatski biraju font ili se samo nadaju da će biti dovoljne estetske karakteristike odabranih fontova. Takav pristup izgleda kao učenje čitanja bez znanja abecede.

Dizajneri koji ne poznaju koncepte i anatomiju slovopisa ne mogu u potpunosti iskoristiti potencijal tipografije. Svako odlučuje sam ako treba da nauči nauku dubinski, ali osnove su temelj svakog zanata. O temi tipografije postoji prilično veliki broj dobrih knjiga koje možete proučiti, ali o njima ćemo pisati u nekom drugom članku.