Flat Design e a Re-Cultura da Interface

18,711
-1

Published on

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

Published in: Design
5 Comments
40 Likes
Statistics
Notes
No Downloads
Views
Total Views
18,711
On Slideshare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
225
Comments
5
Likes
40
Embeds 0
No embeds

No notes for slide

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 ;)

×