Material design(1)

2. 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

3. 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… )

4. Tlačidlá
• touch ripple
• http://www.polymer-project.org/components/paper-elements/
demo.html#paper-button

5. Formulárové prvky
• http://www.polymer-project.org/components/paper-elements/
demo.html#paper-input

6. best practice
• kompletná dokumentácia s odporučeniami čo robiť a
čomu sa vyvarovať
• http://www.google.com/design/spec/animation/authe
ntic-motion.html#authentic-motion-mass-weight

7. Material design
• Vývoj stále v plienkach
• Android L
• prvý release pre developerov android app už
dostupný

8. Polymer
• nástroj na používanie web components
• webová náhrada Paper Elements
• množstvo feuteres prerobených do html, css a js

9. • 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.

10. Malá ukážka z praxe
• https://www.youtube.com/watch?v=ojwdmgmdR_Q

11. • Ďakujem za pozornosť