Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Flat Design e a Re-Cultura da Interface

21,034 views

Published on

Palestra ministrada no dia 06 de julho de 2012 no Sábado Criativo da SAIBADESIGN - http://bit.ly/17WdWSg

Published in: Design

Flat Design e a Re-Cultura da Interface

  1. 1. Flat Design e a Re-Cultura da Interface //UX.BLOG
  2. 2. Trabalha há nove anos com projetos nas áreas de usabilidade, interface, interação, criação e web standards. É curador da área de Design da Campus Party Brasil. www.uxdesign.blog.br www.twitter.com/eduagni www.linkedin.com/in/eduagni //UX.BLOG Edu Agni / UX Designer no iMasters
  3. 3. Em 1968, Doug Engelbart fez a demonstração de um produto no San Franscisco Civic Auditorium que mudou o curso da história...
  4. 4. O Mouse
  5. 5. Cultura da Interface
  6. 6. Mapeamento de Bits e o Espaço Informação
  7. 7. Dados passam a ter uma localização física e uma localização virtual, sendo manipulados diretamente pelo usuário.
  8. 8. Interface: zona entre o meio e a mensagem
  9. 9. Essas metaformas, esses mapeamentos de bits virão para ocupar praticamente todas as facetas da sociedade contemporânea: trabalho, divertimento, amor, família, arte elevada, cultura popular, política.
  10. 10. Skeumorfismo Ornamento físico, desenho ou técnica sobre um objeto feito para se parecer com um outro material ou técnica.
  11. 11. O desktop começa com a descoberta da metáfora do escritório e em seguida examina as dificuldades da representação da vida social nessa moldura limitada.
  12. 12. The Anti-Mac Interface 1996 - Don Gentner e Jacob Nielsen
  13. 13. O artigo The Anti-Mac Interface viria a inspirar designers da geração seguinte e revolucionar a forma como nós interagimos com nossos computadores.
  14. 14. Realidade Delegação Descrever e comandar Diversidade Representar significado Controle compartilhado Sistema lida com detalhes Modelar ações do usuário Variedade gráfica Sugestões ricas Metáforas Manipulação Direta Ver e apontar Consistência WYSIWYG Controle do usuário Feedback e diálogo Remissão Integridade estética Janelas restritivas Anti-macMac x The Mac and Anti-Mac design principles
  15. 15. O design de Interfaces vem se aproximando da tendência de um design mais simples, minimalista, responsivo e vetorial.
  16. 16. Flat Design Design sem utilização de Skeumorfismo e elementos tridimensionais como gradientes e sombreamentos.
  17. 17. Flat Design ★ Minimalista ★ Cores chapadas ★ Tipografia nítida ★ Bons contrastes ★ Fácil compreenção
  18. 18. Windows Phone x Windows 8
  19. 19. iOS 7 x OS X Mavericks
  20. 20. As metáforas de hoje são outras. Asnovasgeraçõessãoorganicamentedigitais. Cada vez mais, o menos é mais.
  21. 21. Algumas referências ★ Livro: Cultura da Interface, de Steven Johnson ★ The Anti-Mac Interface (http://bit.ly/XC4lc3) ★ The Floppy Disk means Save, and 14 other old people Icons that don't make sense anymore (http://bit.ly/IDt0nn) ★ Skeumorfismo, uma análise (http://bit.ly/16Dp7fe) ★ Flat Design x Skeuomorfismo: tendência ou necessidade? (http://bit.ly/14lrKBC) //UX.BLOG
  22. 22. Edu Agni / UX Designer no iMasters www.uxdesign.blog.br www.twitter.com/eduagni www.linkedin.com/in/eduagni //UX.BLOG Obrigado ;)

×