Typografie v designu aplikací – písmo optimálně využívat

Rozhodující vliv na uživatelskou zkušenost má výběr písem ve vaší aplikaci. Písma nejsou jen čistě estetické prvky, ale významně přispívají k čitelnosti a srozumitelnosti textu. V tomto tutoriálu se ponoříte hluboko do světa typografie a naučíte se základy a nejlepší praxe pro použití písem v aplikacím designu.

Nejdůležitější poznatky

Nejdůležitější aspekty pro úspěšnou typografii v aplikacích jsou:

• Soustředit se na text těla.
• Velikost písma udržovat mezi 15 a 25 pixely.
• Používat vhodné mezery mezi řádky, ideálně mezi 120 % a 145 % velikosti písma.
• Omezi počet znaků na řádek na 45 až 90 znaků.
• Vyhnout se systémovým písmům, aby se vytvořil jedinečný pocit.

Krok za krokem návod

1. Porozumění základům typografie

Na začátku je důležité se seznámit se základními odbornými termíny týkajícími se písem. Baseline je čára, na které písmena stojí. X-height popisuje výšku malých písmen a je nejdůležitějším referenčním bodem pro velikost písma. Dále existuje Ascender a Descender, které určují maximální výšky a hloubky písmen.

Kernning je vzdálenost mezi písmeny, zatímco Leading popisuje výšku textových řádků.

2. Pět pravidel dobré typografie

Aby byla čitelnost ve vaší aplikaci optimalizována, měli byste dodržovat pět základních pravidel. První pravidlo říká, že by se měla soustředit na text těla. Tento text tvoří přibližně 70 až 80 % obsahu vaší aplikace, proto je dobrá čitelnost zde obzvlášť důležitá.

Druhé pravidlo se vztahuje k velikosti písma. Ta by měla být mezi 15 a 25 pixely. Pro nadpisy jsou populární větší velikosti písma, avšak text těla by neměl být menší než 15 pixelů.

3. Vzdálenosti a délka řádků

Třetí pravidlo se týká mezery mezi řádky, která by měla být mezi 120 % a 145 % velikosti písma. To zajišťuje, že uživatel může text bez problémů přečíst, aniž by se mu řádky pletly.

Pravidlo čtyři se zabývá délkou řádku, která by měla být mezi 45 a 90 znaky. To se doporučuje, aby se minimalizoval pohyb očí čtenáře a usnadnil se tok čtení.

4. Vyhýbání se systémovým písmům

Páté pravidlo říká, že nemáte používat systémové písma. Výběrem individuálních písem vytváříte jedinečný a přitažlivý design pro vaši aplikaci.

5. Výběr správných písem

San Francisco je standardní písmo iOS a představuje dobrý příklad moderního typu písma aplikace. Můžete také používat písma jako Helvetica, Roboto nebo Open Sans, které všechny podporují čitelnost.

Tato písma nejsou jen atraktivní, ale také široce využívaná, což z nich činí logickou volbu pro design aplikací.

6. Optimalizace velikosti písma

Písma by měla být používána v hierarchických velikostech, aby vedla uživatele textem. Pro text těla jsou 15 až 19 pixelů optimální, zatímco nadpisy by měly mít alespoň 20 pixelů.

Dbejte na to, aby kontrast mezi textem a pozadím byl dostatečně silný, aby byla zajištěna dobrá čitelnost.

7. Požadavky na písmo a váhování

Váha písma by měla variabilně tvořit různé typy textu. Pro běžný text těla je vhodná váha Regular, zatímco nadpisy mohou být zvýrazněny Bold nebo Semibold.

Větší velikosti písma vám umožňují používat i tenčí písma, která jsou přesto dobře čitelná.

8. Typografické nejlepší praktiky

Vysoký kontrast mezi textem a pozadím zajišťuje větší pozornost. Pro nadpisy vždy používejte vysoký kontrast, zatímco pro text těla je také vhodná tmavě šedá.

Dbejte na to, aby všechny řádky textu byly barevně sladěny a harmonicky působily, aby se vytvořil konzistentní vzhled.

9. Používání písmových zdrojů

Existuje řada online zdrojů, které vám pomohou najít vhodné písmo. Webové stránky jako Google Fonts nebo Typekit od Adobe nabízejí široký výběr písem pro experimentování a výběr.

Obraťte se také na stránky jako fontstand.com nebo fs.com, abyste objevili další inspirativní písma.

Souhrn – Písma v aplikaci design: Základy a nejlepší praktiky

Výběr a aplikace písem ve vašem designu aplikace jsou rozhodující pro uživatelskou zkušenost. Držte se uvedených pravidel a vybírejte písma, která jsou jak esteticky přitažlivá, tak funkční, abyste zvýšili čitelnost a spokojenost uživatelů.