Your SlideShare is downloading. ×
Flat Design e a Re-Cultura da Interface
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

Flat Design e a Re-Cultura da Interface

15,215
views

Published on

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

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

Published in: Design

5 Comments
29 Likes
Statistics
Notes
No Downloads
Views
Total Views
15,215
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
179
Comments
5
Likes
29
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Flat Design e a Re-Cultura da Interface //UX.BLOG
  • 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. Em 1968, Doug Engelbart fez a demonstração de um produto no San Franscisco Civic Auditorium que mudou o curso da história...
  • 4. O Mouse
  • 5. Cultura da Interface
  • 6. Mapeamento de Bits e o Espaço Informação
  • 7. Dados passam a ter uma localização física e uma localização virtual, sendo manipulados diretamente pelo usuário.
  • 8. Interface: zona entre o meio e a mensagem
  • 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. Skeumorfismo Ornamento físico, desenho ou técnica sobre um objeto feito para se parecer com um outro material ou técnica.
  • 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. The Anti-Mac Interface 1996 - Don Gentner e Jacob Nielsen
  • 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. 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. O design de Interfaces vem se aproximando da tendência de um design mais simples, minimalista, responsivo e vetorial.
  • 16. Flat Design Design sem utilização de Skeumorfismo e elementos tridimensionais como gradientes e sombreamentos.
  • 17. Flat Design ★ Minimalista ★ Cores chapadas ★ Tipografia nítida ★ Bons contrastes ★ Fácil compreenção
  • 18. Windows Phone x Windows 8
  • 19. iOS 7 x OS X Mavericks
  • 20. As metáforas de hoje são outras. Asnovasgeraçõessãoorganicamentedigitais. Cada vez mais, o menos é mais.
  • 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. Edu Agni / UX Designer no iMasters www.uxdesign.blog.br www.twitter.com/eduagni www.linkedin.com/in/eduagni //UX.BLOG Obrigado ;)