Padec odločilnega vpliva na uporabniško izkušnjo ima izbira pisav v vaši aplikaciji. Pisave niso le estetski elementi, temveč pomembno prispevajo k berljivosti in razumljivosti besedila. V tem tutorialu se poglobite v svet tipografije in spoznate osnove ter najboljše prakse za uporabo pisav v dizajnu aplikacij.
Najpomembnejši vpogledi
Najpomembnejši vidiki za uspešno zasnovo pisav v aplikacijah so:
- Osredotočite se na osrednje besedilo.
- Velikost pisave naj bo med 15 in 25 pikami.
- Uporabite ustrezno razmik med vrsticami, idealno med 120 % in 145 % velikosti pisave.
- Dolžino vrstic omejite na 45 do 90 znakov.
- Izogibajte se sistemskim pisavam, da ustvarite edinstven občutek.
Navodila po korakih
1. Razumevanje osnov tipografije
Na začetku je pomembno spoznati osnovne strokovne izraze, povezane s pisavami. Osnovna črta je črta, na kateri stojijo črke. Višina x opisuje višino malih črk in je najpomembnejša referenčna točka za velikost pisave. Poleg tega obstajajo še višinski in globinski elementi, ki določajo največje višine in globine črk.
Kernning je razmak med črkami, medtem ko višina vrstic opisuje višino besedilnih vrstic.
2. Pet pravil za dobro tipografijo
Za optimizacijo berljivosti v vaši aplikaciji upoštevajte pet osnovnih pravil. Prvo pravilo določa, da naj bo osredotočenje na osrednje besedilo. To besedilo predstavlja približno 70 do 80 % vsebine vaše aplikacije, zato je dobra berljivost tu še posebej pomembna.
Drugo pravilo se nanaša na velikost pisave. Ta naj bo med 15 in 25 pikami. Za naslove so večje velikosti pisav priljubljene, vendar naj osrednje besedilo ne bo manjše od 15 pik.
3. Razmiki in dolžina vrstic
Tretje pravilo se nanaša na razmik med vrsticami, ki naj bo med 120 % in 145 % velikosti pisave. To zagotavlja, da lahko uporabnik brez težav bere besedilo, ne da bi se vrstice zmedle.
Četrto pravilo se ukvarja z dolžino vrstic, ki naj bo med 45 in 90 znaki. Ta dolžina se priporoča, da se zmanjša gibanje oči bralca in olajša branje.
4. Izogibanje sistemskim pisavam
Peto pravilo določa, da ne smete uporabljati sistemskih pisav. S tem, ko izberete individualne pisave, ustvarite edinstven in privlačen dizajn za vašo aplikacijo.
5. Izbira pravih pisav
San Francisco je standardna pisava za iOS in predstavlja dober primer moderne pisave za aplikacijo. Uporabite lahko tudi pisave, kot so Helvetica, Roboto ali Open Sans, ki vse spodbujajo berljivost.
Te pisave so ne le privlačne, temveč tudi široko uporabljene, kar pomeni, da je njihova uporaba v dizajnu aplikacij smiselna.
6. Optimizacija velikosti pisave
Pisave naj bodo uporabljene v hierarhičnih velikostih, da vodijo uporabnika skozi besedilo. Za osrednje besedilo so idealne velikosti 15 do 19 pik, medtem ko naj bodo naslovi vsaj 20 pik veliki.
Poskrbite, da bo kontrast med besedilom in ozadjem dovolj močan, da zagotovi dobro berljivost.
7. Zahteve za pisave in tehtanje
Teža pisave naj se razlikuje, da označi različne vrste besedil. Za običajno osrednje besedilo se priporoča teža Regular, medtem ko lahko naslovi izstopajo z Bold ali Semibold.
Večje velikosti pisav vam omogočajo, da uporabljate tudi tanjše pisave, ki so vseeno dobro berljive.
8. Tipografske najboljše prakse
Visok kontrast med besedilom in ozadjem zagotavlja večjo pozornost. Vedno uporabite visok kontrast za naslove, medtem ko je za osrednje besedilo primerno tudi temno siva.
Poskrbite, da bodo vse besedilne vrstice barvno usklajene in harmonične, da ustvarite dosleden videz.
9. Uporaba virov pisav
Obstajajo številni spletni viri za iskanje ustrezne pisave. Spletna mesta, kot so Google Fonts ali Typekit iz Adobe, ponujajo široko izbiro pisav za eksperimentiranje in izbiro.
Obrnite se tudi na strani, kot sta fontstand.com ali fs.com, da odkrijete še več navdihujočih pisav.
Sklep – Pisave v dizajnu aplikacij: Osnove in najboljše prakse
Izbira in uporaba pisav v vašem dizajnu aplikacij je odločilna za uporabniško izkušnjo. Držite se navedenih pravil in izberite pisave, ki so tako estetsko privlačne kot tudi funkcionalne, da povečate berljivost in angažiranost uporabnikov.
Pogosto zastavljena vprašanja
Kaj je kernning?Kernning je razmak med črkami.
Kako naj bo velikost pisave za osrednje besedilo?Velikost pisave za osrednje besedilo naj bo med 15 in 25 pikami.
Zakaj se je treba izogibati sistemskim pisavam?Sistemske pisave lahko naredijo dizajn enoličen in neopazen.
Kaj je idealen razmik med vrsticami?Idealni razmik med vrsticami je med 120 % in 145 % velikosti pisave.
Kdaj je treba pisave v aplikaciji spremeniti?Pisave je treba prilagoditi glede na vsebino in pomembnost besedila.
