Introducción a Material Design

La evolución de la interfaz que propone Google (Material Design) es un paso importante en acercarnos a una metáfora nueva pero fácil de entender en nuestras pantallas.
Esta charla es una introducción a los principios que forman la base del Material y como se pueden aplicar a través de ejemplos.

Transcript

1. Introducción a Material Design Polina Flegontovna @flegontovna
2. Polina Flegontovna Interaction Designer at Redbooth UX / UI / Mobile www.flegontovna.com @flegontovna Polina Flegontovna
3. Índice I. Interfaces en el tiempo II. Principios de Material III. Prácticas de Material 1. Familiaridad 2. Coreografía 3. La Artesanía
4. Material Design es una evolución
5. Iconos de Macintosh Susan Kare Skeuomorphism Apple Interfaz Plana Material Design iOS8 etc. Interfaces en el tiempo
6. Iconos de Macintosh
8. Skeuomorphism — es un principio del diseño que consiste en imitar figuras de la realidad en la pantalla.
11. Interfaz Plana
14. Interfaz Futurista
17. El diálogo entre el usuario y el sistema
19. Índice I. Interfaces en el tiempo II. Principios de Material III. Prácticas de Material 1. Familiaridad 2. Coreografía 3. La Artesanía
20. Principios
21. Material como metáfora z z
22. Superficies que se pueden tocar
23. Affordances dimensionales
24. Diseño único
25. Atrevido e intencional
26. Enfatizar acciones
27. El cambio provocado por el usuario
28. Coreografía de la animación
29. Movimiento con significado
30. Índice I. Interfaces en el tiempo II. Principios de Material III. Prácticas de Material 1. Familiaridad 2. Coreografía 3. La Artesanía
31. Prácticas
32. 1. Familiaridad
33. Ambiente
35. Materia Sólida
36. Fuerza y Masa
37. Fuerza y Masa
38. 2. Coreografía
39. Relaciones espaciales Movimiento natural El flujo
42. 3. La Artesanía
45. Índice I. Interfaces en el tiempo II. Principios de Material III. Prácticas de Material 1. Familiaridad 2. Coreografía 3. La Artesanía
46. Demo Inbox by Google
47. Gracias Preguntas? + Polina Flegontovna @flegontovna
48. www.google.com/design www.polymer-project.org/docs/elements/material.html www.inbox.google.com