Flat Design e a Re-Cultura da Interface
40 gostaram21,870 visualizações
O documento discute a transição do design de interfaces gráficas de usuário de estilos mais realistas e ornamentados para estilos mais minimalistas e planos. Apresenta a história do desenvolvimento das interfaces, desde a demonstração do mouse por Doug Engelbart até o surgimento do estilo "flat design". Argumenta que as novas gerações cresceram organicamente no mundo digital e interfaces mais simples e diretas fazem mais sentido para elas.
Flat Design e a Re-Cultura da Interface
- 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
- 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.
- 9. Interface: zona entre o meio e a mensagem
- 10. 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.
- 11. Skeumorfismo Ornamento físico, desenho ou técnica sobre um objeto feito para se parecer com um outro material ou técnica.
- 14. 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.
- 21. The Anti-Mac Interface 1996 - Don Gentner e Jacob Nielsen
- 22. 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.
- 23. 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
- 24. O design de Interfaces vem se aproximando da tendência de um design mais simples, minimalista, responsivo e vetorial.
- 26. Flat Design Design sem utilização de Skeumorfismo e elementos tridimensionais como gradientes e sombreamentos.
- 30. Flat Design ★ Minimalista ★ Cores chapadas ★ Tipografia nítida ★ Bons contrastes ★ Fácil compreenção
- 33. Windows Phone x Windows 8
- 34. iOS 7 x OS X Mavericks
- 35. As metáforas de hoje são outras. Asnovasgeraçõessãoorganicamentedigitais. Cada vez mais, o menos é mais.
- 36. 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
- 37. Edu Agni / UX Designer no iMasters www.uxdesign.blog.br www.twitter.com/eduagni www.linkedin.com/in/eduagni //UX.BLOG Obrigado ;)