U dizajnu ne postoje ograničenja. Dizajn zavodi i, što je još važnije, budi emocije. Dizajn nije samo dobar izgled, već i dobra funkcionalnost.

b

Trendovi u digitalnom svijetu

Tipografija u mobilnom dizajnu

Mobilni dizajn zahtijeva vrlo preciznu razradu i najsitnijih detalja. Svi elementi na malim zaslonima trebaju biti funkcionalni, ali i ugodni oku. Kako prezentirati jasan i čist UI i UX na tako malim ekranima bez preopterećivanja? Svi elementi su važni, a tipografija među najvažnijima.

Tipografija je umjetnost i tehnika slaganja slova kako bi pisani jezik bio čitljiviji i privlačniji. Raspored, veličina točaka, duljina linija i razmaci slova su jako važni. Može biti izazov tipografiju osmisliti na način da funkcionira za korisnike. Tipografija zahtijeva dizajnersku vještinu i kreativnost.

“Na mobilnim uređajima ćete teško pogriješiti koristeći jednostavan i čist font. Najbolja praksa je uvijek slijediti pravilo da tekst zauzme najviše 80 do 90% ekrana.”

Zašto je tipografija važna u mobilnom dizajnu?

Niti jedan prikaz na mobitelu se ne može u potpunosti riješiti teksta. Upravo iz tog razloga loša tipografija neće izazvati pozitivnu emociju kod korisnika. Slike i ikone jesu dovoljno dinamične i korisne, ali tekst može prenijeti nešto što drugi elementi ne mogu. Dobar dizajner bi trebao napraviti dobru mobilnu interakciju kako bi olakšao korisničko iskustvo i interakciju učinio produktivnijom, a tekst mu u tome može pomoći.

Mobilna tipografija nije strogo definirana, ali postoje neka pravila kojih se treba pridržavati. Ipak, i tu treba dodati dozu kreativnosti.

Izvor slike: Dribbble

Izvor slike: Dribbble

Odabir fonta za mobilne uređaje

Odabiru fonta se ponekad ne daje dovoljno pažnje. Svaki tip sadržaja zahtijeva određeni font jer fontovi mogu prenijeti emocije. Na mobilnim uređajima ćete teško pogriješiti koristeći jednostavan i čist font. Uvijek možete detalje istaknuti nekim drugim fontom koji će dati vizualni kontrast.

Veličina fonta na mobilnim uređajima

Ekran na mobitelu je ograničene veličine, stoga je veličina fonta iznimno važna. Premali font može izazvati neugodne emocije, a korisnik će nakon nekog vremena osjetiti naprezanje u očima. Preveliki font će prevladati ekranom i neće se pravilno prelamati u redovima.

Važnost prostora u dizajnu za mobilne uređaje

U dizajnu za mobitele prostor je jako važan. Može donijeti osjećaj slobode i ugode. Pravilno raspoređen prostor može olakšati interakciju s tekstom. Najbolja praksa je uvijek slijediti pravilo da tekst zauzme najviše 80 do 90% ekrana, ostalo treba ostati prazno – prostor.

Izvor slike: Dribbble

Izvor slike: Dribbble

Hijerarhija teksta ili tipografska hijerarhija

Pravilno određivanje hijerarhije će pomoći u isticanju ključnih elemenata, u odnosu na cjelokupni sadržaj. Na desktopu hijerarhija najčešće doseže tri razine. Ekrani na mobitelima imaju manji prostor, stoga će većina dizajnera hijerarhiju svesti na dvije razine. Na ovaj način dizajn ostaje čist.

Poravananje teksta

Postoje četiri osnovna tipa poravnanja: lijevo, desno, centrirano ili razvučeno (justified). Koje od njih je najbolje za mobilnu tipografiju? Ključno je zadržati urednost. Najgori izbor je razvučeno jer daje nepravilno raspoređen prostor. Lijevo poravnanje je najbolji izbor jer korisnik na prirodan način čita iz reda u red. Neki dizajneri vole koristiti više različitih poravnanja, što nije loše. Za naslove i kraće izraze centrirani tekst može izgledati odlično.

Funkcionalnost teksta

Funkcionalnost je jednako važna kao i izgled. Na mobilnim uređajima često imamo akcije kao što su naručivanje ili plaćanje i dobra tipografija tu može puno pomoći. Korisnik u svakom trenutku mora znati koji mu je sljedeći korak i vrlo lako može raditi akcije koje želi.