30.4.2016

Při kreslení aplikací platí několik zásad, na které by jste určitě neměli zapomenout. Pojďme si je postupně projít.

Výchozí fonty

Zvažte, jestli aplikace, kterou zrovna kreslíte, opravdu potřebuje jiný než výchozí font. Důvodů, proč sáhnout po systémovém fontu, je hned několik:

  • Zmenšíte velikost aplikace, vlastní font je totiž nutné přidat přímo do aplikace a tím zvětšit binárku.
  • Usnadníte práci vývojářům.
  • Uživatelé jsou na výchozí font zvyklí.
  • Vyhnete se problémům s licencemi (viz. níže).

Pojďme se v rychlosti podívat, jaké že to jsou ty výchozí fonty na jednotlivých platformách.

Android

Dostupný od Jméno fontu
1.5 Droid Sans
1.5 Droid Serif
1.5 Droid Sans Mono
4.0 Roboto Regular
4.0 Roboto Light
4.0 Roboto Condensed
4.2 Roboto Thin
5.0 Roboto Medium

Všechny výše zmíněné fonty mohou být použity v řezech normal, bold nebo italic.

iOS

Na iOS je nabídka systémových fontů výrazně bohatší a jejich tabulka by byla delší než celý tenhle článek. Naštěstí existuje stránka iosfonts.com.

Překontrolujte licenci

Na problematiku licencování a licenčních poplatků je u mobilních aplikací třeba dávat opravdu dobrý pozor. Zapomeňte na to, že použijete fonty, co jste si koupili pro použití na webu nebo na tištěnou grafiku. Fonty totiž musí vývojáři do aplikace „zapéct“ a pro většinu fontů je proto třeba zakoupit licence pro takzvané embedded použití. Cena za jednu platformu se obvykle pohybuje v řádech desítek tisíc korun.

Než nějaký font použijete v grafice pro mobilní aplikaci, pozorně si přečtěte licenční ujednání a upozorněte zákazníka, kolik ho bude použití fontu stát.

Pár příkladů cen fontů:

Název fontu Web Applikace
VAG Rounded 1 200 Kč 12 000 Kč / 50 000 instalací
ProximaNova 690 Kč 6 900 Kč / aplikace

Dodržte minimalní velikosti

Dříve, než si řekneme, jaké jsou konkrétní doporučené minimální velikosti fontů, musíme si říci, jak vlastně nastavení velikosti písma na mobilních zařízeních funguje. Musíme totiž zajistit zachování stejné fyzické velikosti písma na displejích s různou velikostí a rozlišením. Měnit se může pouze jemnost písma, ale jeho fyzická velikost v milimetrech zůstává zachována.

Abychom dosáhli tohoto efektu, pro definování velikostí nejenom fontů se používá vždy rozměr v pixelech na displeji se 160 DPI. Pokud chcete tento rozměr vykreslit například na retina displej (320 DPI), pronásobí se dvěmi, pro displej s 240 DPI je to násobění x 1,5 atp.

Doporučovaná minimální velikost fontů je při 160 DPI 14 px. Menší font je již na displejích s menší jemností špantě čitelný a je stejně tak téměř nečitelný pro lidi s horším zrakem. Stačí si tedy vzít density svého grafického návrhu s počítat si tuto minimální velikost. Například pokud se budete řídit doporučením z našeho článku o grafice pro mobilní aplikace, kde se na konci doporučuje plátno pro displej s 480 DPI, bude minimální velikost fontu 42 px.

Pokud zachováte výchozí nastavení Photoshop plátna na 72 DPI, můžete výše uvedené hodnoty v pixelech zadávat do Photoshopu přímo v pt. Detailněji je tato problematika vysvětlena v článku o velikostech fontů na Androidu.

Vladislav Skoumal
SKOUMAL CEO