Flat Design e a
Re-Cultura da
Interface
//UX.BLOG
Trabalha há nove anos com projetos nas áreas de
usabilidade, interface, interação, criação e web standards.
É curador da á...
Em 1968, Doug Engelbart fez a
demonstração de um produto no San
Franscisco Civic Auditorium que mudou o
curso da história....
O Mouse
Cultura da Interface
Mapeamento de Bits e o
Espaço Informação
Dados passam a ter uma localização física
e uma localização virtual, sendo
manipulados diretamente pelo usuário.
Interface: zona entre o meio
e a mensagem
Essas metaformas, esses mapeamentos
de bits virão para ocupar praticamente
todas as facetas da sociedade
contemporânea: tr...
Skeumorfismo
Ornamento físico, desenho ou técnica
sobre um objeto feito para se parecer com
um outro material ou técnica.
O desktop começa com a descoberta da
metáfora do escritório e em seguida
examina as dificuldades da representação
da vida s...
The Anti-Mac Interface
1996 - Don Gentner e Jacob Nielsen
O artigo The Anti-Mac Interface viria a
inspirar designers da geração seguinte e
revolucionar a forma como nós
interagimos...
Realidade
Delegação
Descrever e comandar
Diversidade
Representar significado
Controle compartilhado
Sistema lida com detalh...
O design de Interfaces vem se
aproximando da tendência de um
design mais simples, minimalista,
responsivo e vetorial.
Flat Design
Design sem utilização de Skeumorfismo e
elementos tridimensionais como
gradientes e sombreamentos.
Flat Design
★ Minimalista
★ Cores chapadas
★ Tipografia nítida
★ Bons contrastes
★ Fácil compreenção
Windows Phone x Windows 8
iOS 7 x OS X Mavericks
As metáforas de hoje são outras.
Asnovasgeraçõessãoorganicamentedigitais.
Cada vez mais, o menos é mais.
Algumas referências
★ Livro: Cultura da Interface, de Steven Johnson
★ The Anti-Mac Interface (http://bit.ly/XC4lc3)
★ The...
Edu Agni / UX Designer no iMasters
www.uxdesign.blog.br
www.twitter.com/eduagni
www.linkedin.com/in/eduagni
//UX.BLOG
Obri...
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Flat Design e a Re-Cultura da Interface
Upcoming SlideShare
Loading in...5
×

Flat Design e a Re-Cultura da Interface

17,718

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
33 Likes
Statistics
Notes
No Downloads
Views
Total Views
17,718
On Slideshare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
203
Comments
5
Likes
33
Embeds 0
No embeds

No notes for slide

Transcript of "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 ;)

×