Keď sa v Google nudia

• Hlavný cieľ - vytvoriť vizuálny jazyk, ktorý spája klasické princípy dobrého dizajnu a využíva inovácie a možnosti moderných technológii

• Vychádza z flat dizajnu a hlavnou inšpiráciou bol papier a atrament.

• Vychádza zo zjednotenej teórie o racionálnom využití priestoru a premyslenom systéme pohybov.

• Dôraz je kladený hlavne na uživateľa a na vytvorenie čo najviac user-friendly prostredia

Zmysluplné pohyby• Všetky výhody Material design smerujú k

uživateľovi, a od toho sa odvíja všetko ostatné.

• Snaha o udržanie pozornosti.

• Neprerušenie akcie, súvisle pokračovanie

• Animácie musia byť účelové a mali by znázornovať čo sa deje.

• Animácie na rôzne akcie (hover, click, focusin, focusout, pressed… )

Tlačidlá

• touch ripple

• http://www.polymer-project.org/components/paper-elements/demo.html#paper-button

Formulárové prvky

• http://www.polymer-project.org/components/paper-elements/demo.html#paper-input

best practice

• kompletná dokumentácia s odporučeniami čo robiť a čomu sa vyvarovať

• http://www.google.com/design/spec/animation/authentic-motion.html#authentic-motion-mass-weight

Material design

• Vývoj stále v plienkach

• Android L

• prvý release pre developerov android app už dostupný

Polymer

• nástroj na používanie web components

• webová náhrada Paper Elements

• množstvo feuteres prerobených do html, css a js

• Material design ponúka množstvo zaujímavých a moderných riešení založených na niekoľkoročných štúdiach a experimentoch.

Malá ukážka z praxe

• https://www.youtube.com/watch?v=ojwdmgmdR_Q

• Ďakujem za pozornosť