Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Keď sa v Google nudia 
• Hlavný cieľ - vytvoriť vizuálny jazyk, ktorý spája klasické 
princípy dobrého dizajnu a využíva i...
Zmysluplné pohyby 
• Všetky výhody Material design smerujú k uživateľovi, a 
od toho sa odvíja všetko ostatné. 
• Snaha o ...
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...
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,...
• 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ť
Material design(1)
Prochain SlideShare
Chargement dans…5
×

Material design(1)

Material design(1)

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

Material design(1)

  1. 1. 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
  2. 2. 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… )
  3. 3. Tlačidlá • touch ripple • http://www.polymer-project.org/components/paper-elements/ demo.html#paper-button
  4. 4. Formulárové prvky • http://www.polymer-project.org/components/paper-elements/ demo.html#paper-input
  5. 5. 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
  6. 6. Material design • Vývoj stále v plienkach • Android L • prvý release pre developerov android app už dostupný
  7. 7. Polymer • nástroj na používanie web components • webová náhrada Paper Elements • množstvo feuteres prerobených do html, css a js
  8. 8. • 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.
  9. 9. Malá ukážka z praxe • https://www.youtube.com/watch?v=ojwdmgmdR_Q
  10. 10. • Ďakujem za pozornosť

×