Web 2.0

612 visualizações

Publicada em

Palestra sobre web design 2.0: design e as limitações dos modelos produtivos atuais

Publicada em: Tecnologia, Design
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Web 2.0

  1. 1. Web Design 2.0 Aspectos práticos da criação e as limitações dos modelos produtivos atuais
  2. 2. 1)Definições principais. <ul><li>Diferenças entre o design off-line e o design para web. </li></ul>
  3. 3. 2) Web 2.0: <ul><li>Quando surgiu e desde quando? </li></ul>
  4. 4. b) O que é? <ul><li>Mudança radical de conceitos </li></ul><ul><li>Sites são aplicativos, serviços online </li></ul><ul><li>Usuário é o provedor de conteúdo </li></ul>
  5. 5. O'Reilly sugere algumas regras que ajudam a definir sucintamente a Web 2.0: <ul><li>O beta perpétuo </li></ul><ul><li>Pequenas peças frouxamente unidas </li></ul><ul><li>Software acima do nível de um único dispositivo </li></ul><ul><li>Lei da Conservação de Lucros </li></ul><ul><li>Dados são o novo “Intel inside” </li></ul>
  6. 6. Alguns sites da web 2.0.br: <ul><li>http://www.camiseteria.com/ </li></ul><ul><li>http://www.brasilwiki.com.br/index.cfm </li></ul><ul><li>http://boo-box.com/site/br/ </li></ul><ul><li>http://www.apontador.com.br </li></ul><ul><li>http://lista2.0br.com.br/ </li></ul>
  7. 7. Alguns sites da web 2.0.gringos: <ul><li>http://pt.wikipedia.org </li></ul><ul><li>http://del.icio.us/ </li></ul><ul><li>http://del.icio.us/fabianopereira </li></ul><ul><li>http://www.last.fm/ </li></ul><ul><li>http://www.flickr.com/ </li></ul><ul><li>http://www.youtube.com/ </li></ul><ul><li>http://www.orkut.com/ </li></ul>
  8. 8. d) O papel do usuário: “a estrela principal do show”. <ul><li>Hey, você aí! Sim, você! Quer ser uma estrela? </li></ul>
  9. 9. 3) Design na web 2.0: Conceitos: <ul><li>CMS, sistemas de gerenciamento prontos </li></ul><ul><li>Papel do usuário “ativo” </li></ul><ul><li>Site como obra aberta </li></ul>
  10. 10. 4) Guia de Design na web 2.0 <ul><li>Resumindo ao extremo, o conceito principal do design na web 2.0 é a simplicidade. Os elementos devem ser dispostos de maneira coerente, tranqüila e limpa. </li></ul><ul><li>Os ruídos de comunicação, elementos desnecessários, futilidades devem ser removidos, a busca deve ser sempre pela simplicidade, menos é mais. </li></ul><ul><li>Evite excessos. Veja um exemplo de pouca simplicidade: </li></ul>
  11. 11. b) Layouts em colunas; <ul><li>Quantas colunas usar? </li></ul><ul><li>Recomenda-se 2 colunas, no máximo, três. </li></ul><ul><li>Menos é mais </li></ul>
  12. 12. Exemplos com 3 ou mais colunas <ul><li>Bons exemplos: </li></ul>
  13. 13. Exemplos com 3 ou mais colunas <ul><li>Exemplo do que não se deve fazer: </li></ul>
  14. 14. Divisões horizontais (seções) <ul><li>Exemplos: </li></ul>
  15. 15. d) Padrões estéticos utilizados: negrito e organização contextual; <ul><li>Exemplos de utilização de negrito: </li></ul>
  16. 16. e) Padrões estéticos utilizados: cores fortes separando as seções; <ul><li>Separação clara de seções: </li></ul>
  17. 17. f) Superfícies ricas (efeitos de 3D); <ul><li>Agradável ao olhar, evitar excessos </li></ul>
  18. 18. g) Iconografia
  19. 19. h) Formas estreladas <ul><li>Destaques principais: </li></ul>
  20. 20. 5) Design web 2.0: Limitações dos modelos produtivos atuais: <ul><li>a) O conceito e a individualidade de cada projeto; </li></ul><ul><li>b) A adulteração dos conceitos aplicados pelo design: sacrifício válido para a experiência de customização ou o fim do conceito visual na web? </li></ul><ul><li>c) Complexidades de customização num modelo CMS: é necessário programar para fazer um bom design? </li></ul><ul><li>d) O blog vai substituir os sites, no formato como conhecemos? </li></ul>
  21. 21. 6) Conclusões finais: <ul><li>a) A eterna necessidade do pensamento subjetivo humano: são as idéias que movem o mundo; </li></ul><ul><li>b) Visão global do processo produtivo: saindo do chão da fábrica, adquirindo visão empreendedora; </li></ul>
  22. 22. Visitem o meu Blog! <ul><li>www.fabianopereiradesigner.blogspot.com </li></ul><ul><li>Entrem em contato! </li></ul><ul><li>[email_address] </li></ul>
  23. 23. Muito obrigado! <ul><li>Grande abraço! </li></ul>

×