Vysoké UČENÍ technické V brně

3.7.1 
Materiálové vrstvy 
Designový jazyk vnímá uživatelské rozhraní jako třídimenzionální prostor, který obsahuje osvětlení, 
vrstvy materiálu a stíny jimi vrhané. Materiální vrstva je vnímána jako určitá část uživatelského 
rozhraní, která zobrazuje určitý obsah. Vrstvy mají vždy stejnou tloušťku 1dp (jednotka nezávislá na 
jemnosti rozlišení zařízení). Pro každý element uživatelského rozhraní lze definovat atribut elevation, 
který určuje výšku položení elementu nad spodní vrstvou. V doporučeních pro vývoj aplikací dle 
material designu je určeno, jak nastavovat atribut elevation pro konkrétní prvky uživatelského 
rozhraní. 
Obrázek 9: Uživatelské rozhraní s použitím vrstev a stínů [18] 
3.7.2 
Pohyby a animace uživatelského rozhraní 
Animace mají v material designu důležitou roli. Pomáhají uživateli s navigací, poskytují odezvu na 
uživatelské akce a vytvářejí dojem plynulé a dynamické aplikace. Animace by měly reflektovat běžné 
chování objektů z reálného světa. Typicky tak animované elementy nemění svou pozici s lineární 
rychlostí, nýbrž postupně rychlost naberou a také ztratí. Animace také často respektují gravitaci. 

---

17 
Obrázek 10: Časový průběh animace elementu grafického rozhraní po ose Y [18] 
Použití animací se také doporučuje mezi jednotlivými obrazovkami uživatelského rozhraní. 
Například při přechodu ze seznamu položek na obrazovku detailu položky. Při přechodu by měly být 
společné prvky (typicky obrázek a nadpis) plynule animovány, čehož je možné dosáhnout sdílením 
prvků mezi fragmenty či aktivitami.
3.7.3 
Doporučení při vývoji aplikací dle materiálního designu 
V předchozích kapitolách jsme si popsali základní pilíře materiálního designu. Kromě těchto zásad 
obsahuje oficiální příručka také velké množství doporučení při tvorbě designu aplikací. Následující 
seznam obsahuje hlavní témata, kterým se materiální design věnuje [18]: 
