Všechny projekty

September 24, 2020 - No Comments!

iOS Tab Bars

Dnes si ukážeme čeho se držet při tvorbě Tab Barů pro iOS.

V mém případě půjde o Tab Bar pro můj iPhone 11 Pro, ale princip je všude stejný, jen se liší rozměry, které lze vyčíst v Guidelines Applu.

Nejdůležitější rozhodnutí v mobilní aplikaci z pohledu UX. Určuje jakým způsobem uživatel prochází aplikací. V příkladu pracuji s "maximálním" počtem kategorii v tab baru. Vyšší počty již narušují rozměry a padding.

Ideální stav je při tomto počtu ( příklad uveden na můj telefon iPhone 11 Pro). Kdy šířka je 375 px (@1). A každá sekce má šířku 75 px. Výška je dána dle iOS guidelines.

Velikost ikon a textu opět udává iOS Guidelines (viz výše). Důležité je držet všechny texty a ikony na středu boxu se se šířkou 75 px.

Smažeme boxy, které nám určují pole, obarvíme dle potřeby a jsme DONE! Na viděnou

Published by: Maneken in All, Aplikace, Design, Learning, Sketch, Tips, Tutorial, UI, UX
Tags: , , , , , , , ,

Leave a Reply