Rozhodujúci vplyv na používateľskú skúsenosť má výber písma v tvojej aplikácii. Písma nie sú len estetické prvky, ale významne prispievajú k čitateľnosti a zrozumiteľnosti textu. V tomto tutoriále sa hlboko ponoríš do sveta typografie a naučíš sa základy a osvedčené postupy pre používanie písem v návrhu aplikácií.
Najdôležitejšie poznatky
Najdôležitejšie aspekty pre úspešný návrh písma v aplikáciách sú:
- Zamerať sa na hlavný text.
- Veľkosť písma udržiavať medzi 15 a 25 pixelmi.
- Použiť primerané riadkovanie, ideálne medzi 120% a 145% veľkosti písma.
- Obmedziť dĺžku riadkov na 45 až 90 znakov.
- Vyhnúť sa systémovým písmam, aby sa vytvoril jedinečný pocit.
Sprievodca krok za krokom
1. Pochopenie základov typografie
Na začiatku je dôležité oboznámiť sa so základnými odbornými termínmi súvisiacimi s písmami. Baseline je línia, na ktorej stoja písmená. X-height opisuje výšku malých písmen a je najdôležitejším referenčným bodom pre veľkosť písma. Okrem toho existuje Ascender a Descender, ktoré určujú maximálne výšky a hĺbky písmen.
Kernning je vzdialenosť medzi písmenami, zatiaľ čo Leading opisuje výšku textových riadkov.
2. Päť pravidiel pre dobrú typografiu
Aby si optimalizoval čitateľnosť v tvojej aplikácii, mal by si dodržať päť základných pravidiel. Prvé pravidlo hovorí, že zameranie by malo byť na hlavný text. Tento text predstavuje asi 70 až 80% obsahu tvojej aplikácie, takže dobrá čitateľnosť je tu obzvlášť dôležitá.
Druhé pravidlo sa týka veľkosti písma. Tá by mala byť medzi 15 a 25 pixelmi. Pre nadpisy sú väčšie veľkosti písma populárne, avšak hlavný text nesmie byť menší ako 15 pixelov.
3. Vzdialenosti a dĺžka riadkov
Tretie pravidlo sa týka riadkovania, ktoré by malo byť medzi 120% a 145% veľkosti písma. To zabezpečuje, že používatelia môžu text čítať bez problémov, bez toho, aby sa riadky pomýlili.
Pravidlo štyri sa zaoberá dĺžkou riadkov, ktorá by mala byť medzi 45 a 90 znakmi. To sa odporúča na minimalizáciu pohybu očí čitateľa a uľahčenie čítania.
4. Vyhýbanie sa systémovým písmam
Piate pravidlo hovorí, že by si nemal používať systémové fonts. Výberom individuálnych písem vytváraš jedinečný a príťažlivý dizajn pre svoju aplikáciu.
5. Výber správnych písem
San Francisco je štandardné písmo iOS a predstavuje dobrý príklad modernej aplikácie typeface. Môžeš použiť aj písma ako Helvetica, Roboto alebo Open Sans, ktoré všetky podporujú čitateľnosť.
Tieto písma sú nielen príťažlivé, ale aj široko používané, čo ich robí ideálnymi na použitie v návrhoch aplikácií.
6. Optimalizácia veľkosti písma
Písma by sa mali používať v hierarchických veľkostiach, aby si používateľov viedol textom. Pre hlavný text sú optimálne veľkosti 15 až 19 pixelov, zatiaľ čo nadpisy by mali mať aspoň 20 pixelov.
Dávaj pozor, aby bol kontrast medzi textom a pozadím dostatočne silný pre zabezpečenie dobrej čitateľnosti.
7. Požiadavky na písmo a váha
Váha písma by mala variabilne reagovať, aby označila rôzne typy textu. Pre bežný hlavný text je vhodná váha Regular, zatiaľ čo nadpisy môžu byť zvýraznené váhou Bold alebo Semibold.
Vyššie veľkosti písma ti umožňujú používať aj tenšie písma, ktoré sú stále dobre čitateľné.
8. Typografické osvedčené postupy
Vysoký kontrast medzi textom a pozadím zaručuje vyššiu pozornosť. Pre nadpisy vždy používaj vysoký kontrast, zatiaľ čo pre hlavný text môže byť prípustná aj tmavá šedá.
Dbaj na to, aby všetky textové riadky farebne ladili a pôsobili harmonicky, aby sa vytvoril konzistentný vzhľad.
9. Používanie zdrojov písma
Existuje množstvo online zdrojov na nájdenie vhodného písma. Webové stránky ako Google Fonts alebo Typekit od Adobe ponúkajú veľký výber písma na experimentovanie a výber.
Obráť sa aj na stránky ako fontstand.com alebo fs.com, aby si objavil ďalšie inšpiratívne písma.
Zhrnutie – Písma v návrhu aplikácií: Základy a osvedčené postupy
Výber a aplikácia písma vo vašom návrhu aplikácie je rozhodujúci pre používateľskú skúsenosť. Drž sa uvedených pravidiel a vyberaj písma, ktoré sú esteticky príťažlivé a funkčné, aby si zvýšil čitateľnosť a angažovanosť používateľov.
Často kladené otázky
Čo je kernning?Kernning je vzdialenosť medzi písmenami.
Ako by mala byť veľkosť písma pre hlavný text?Veľkosť písma pre hlavný text by mala byť medzi 15 a 25 pixelmi.
Prečo je potrebné sa vyhnúť systémovým písmam?Systémové písma môžu pôsobiť, že dizajn je jednotvárny a nenápadný.
Aké je ideálne riadkovanie?Ideálne riadkovanie je medzi 120% a 145% veľkosti písma.
Kedy by mali byť písma v aplikácii zmenené?Písma by sa mali prispôsobiť podľa obsahu a dôležitosti textu.
