Material design o que mudou

download Material design  o que mudou

of 17

  • date post

    30-Jul-2015
  • Category

    Mobile

  • view

    340
  • download

    1

Embed Size (px)

Transcript of Material design o que mudou

1. Material Design O que mudou? 2. Rafael Alves Feliciano fael.anjelus@gmail.com @rafaelmeteoro Graduado em Cincia da Computao pela UFJF Desenvolvedor Android na Appta 2 Anos de experinica em android Apoiador no GDG 3. Material Design: nova interface visual 4. Exemplo: Torneira 1.0 Libera ou impede a sada de gua. Aciona girando o registro. 5. Exemplo: Torneira 2.0 Aciona pressionando o boto. Possui um temporizador. 6. Exemplo: Torneira 3.0 Aciona por proximidade. Possui temporizador. 7. Qual o problema? Elas coexistem Os usurios tem que reaprender a usar a torneira. Antes do material existiam diversas convenses para exibir as informaes. O material surge para definir um padro. 8. O que mudou? O modo como apresentar as informaes. Novo padro para icones, cores, animaes, tipografias e hierarquias. Sensao de profundidade. Animaes tornam funcionalidades mais intuitivas. 9. Pgina de resultados de busca do google recriado pelo design australiano Aurlien Salomon. Maior espaamento entre elementos. Cards de informaes. Botes de aes circulares. 10. Como utilizar no app? Utilizando as seguintes funionalidades: Material Theme Widgets para cards e listas (CardView e RecyclerView) Sombras personalizadas Animaes Personalizadas 11. Onde achar? Guideline - http://www.google. com/design/spec/material-design/introduction. html Material Design Next Level - https://www. youtube.com/watch?v=iIioqQxFLtY 12. Onde achar? Google developers - http://developer.android. com/training/material/index.html 13. Bnus: Exemplo prtico http://frogermcs.github.io/Instagram-with-Material-Design-concept-is-getting-real-the-summary/