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

Mais conteúdo relacionado

PDF
Cap5
PPTX
tatiana lopez
PPS
PPTX
La edad moderna
DOC
Portafolio virtual kennia_manrique_el gerente y el diseño_estratégico
PPTX
Propuesta para eficientar el programa de tutorías a
PDF
Projecto CCE - JSD Cartaxo
PPTX
Estratégia e indicadores
Cap5
tatiana lopez
La edad moderna
Portafolio virtual kennia_manrique_el gerente y el diseño_estratégico
Propuesta para eficientar el programa de tutorías a
Projecto CCE - JSD Cartaxo
Estratégia e indicadores

Destaque (6)

PPT
Septuagsimooctavo 141210185553-conversion-gate02-1
PPTX
Presentation de la tareation de gaby
PDF
Webquest
PPTX
El proyecto de mi vida wilmer tuquinga
PPTX
metodologia de desarrollo de apliocacin de informatica educativa. modelo addie
PDF
Navegacion Astronomica (NAUTICA)
Septuagsimooctavo 141210185553-conversion-gate02-1
Presentation de la tareation de gaby
Webquest
El proyecto de mi vida wilmer tuquinga
metodologia de desarrollo de apliocacin de informatica educativa. modelo addie
Navegacion Astronomica (NAUTICA)
Anúncio

Semelhante a Web 2.0 (20)

PPT
ASP.NET MVC com jQuery (Retome o controle da sua aplicação web)
PPTX
Os pecados mortais de escalabilidade em Drupal e seus efeitos nos negócios - ...
PDF
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...
PPTX
Treinamento ASP.NET 2014
PDF
A Semântica do HTML5: a web 3.0
PDF
Arquitetura Limpa @ 32º CocoaTalks BH
PDF
Padrões Web e algumas vantagens para o designer
PDF
Padrões Web e algumas vantagens para o designer
PPTX
Codificando .Net e SQL PASS Chapter - Novidades de BI para SQL Server 2012
PDF
Padrões Web - Um elogio ao ócio do desenvolvedor
PDF
PDF
Produtividade
PPT
Banco de Dados Ágeis e Refatoração
PPT
HTML - Onde estamos e para onde vamos?
PPTX
Conheça o ASP.NET MVC 3
PDF
Corbawebserves
PDF
Arquitetura de Sofware
PPT
ASP.NET MVC para desenvolvedores Web Forms (TechEd)
PPT
Service Oriented Architecture
PDF
A 3ª Área do Design: Web Design
ASP.NET MVC com jQuery (Retome o controle da sua aplicação web)
Os pecados mortais de escalabilidade em Drupal e seus efeitos nos negócios - ...
Criação de sites Joomla com CCKs e frameworks de template - Joomla Day Ribeir...
Treinamento ASP.NET 2014
A Semântica do HTML5: a web 3.0
Arquitetura Limpa @ 32º CocoaTalks BH
Padrões Web e algumas vantagens para o designer
Padrões Web e algumas vantagens para o designer
Codificando .Net e SQL PASS Chapter - Novidades de BI para SQL Server 2012
Padrões Web - Um elogio ao ócio do desenvolvedor
Produtividade
Banco de Dados Ágeis e Refatoração
HTML - Onde estamos e para onde vamos?
Conheça o ASP.NET MVC 3
Corbawebserves
Arquitetura de Sofware
ASP.NET MVC para desenvolvedores Web Forms (TechEd)
Service Oriented Architecture
A 3ª Área do Design: Web Design
Anúncio

Último (12)

PPTX
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
PDF
Manejo integrado de pragas na cultura do algodão
PPTX
Analise Estatica de Compiladores para criar uma nova LP
PDF
Processos no SAP Extended Warehouse Management, EWM100 Col26
PPTX
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
PPTX
Viasol Energia Solar -Soluções para geração e economia de energia
PPTX
Utilizando code blockes por andre backes
PDF
Jira Software projetos completos com scrum
PPTX
Tipos de servidor em redes de computador.pptx
PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PDF
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
PPT
Conceitos básicos de Redes Neurais Artificiais
Proposta de Implementação de uma Rede de Computador Cabeada.pptx
Manejo integrado de pragas na cultura do algodão
Analise Estatica de Compiladores para criar uma nova LP
Processos no SAP Extended Warehouse Management, EWM100 Col26
Aula 9 - Funções em Python (Introdução à Ciência da Computação)
Viasol Energia Solar -Soluções para geração e economia de energia
Utilizando code blockes por andre backes
Jira Software projetos completos com scrum
Tipos de servidor em redes de computador.pptx
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
eBook - GUIA DE CONSULTA RAPIDA EM ROTEADORES E SWITCHES CISCO - VOL I.pdf
Conceitos básicos de Redes Neurais Artificiais

Web 2.0

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