web 2.0

07/11/08 Web Design 2.0 - Professor Fabiano Pereira 1

Web Design 2.0

Aspectos práticos da criação e as limitações dos modelos produtivos atuais

Web Design 2.0 - Professor Fabiano Pereira 207/11/08

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/

http://www.camiseteria.com/


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/

http://pt.wikipedia.org/


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:

http://www.yaxay.com/


b) Layouts em colunas;

Quantas colunas usar? Recomenda-se 2 colunas, no máximo,

três. Menos é mais

http://www.37signals.com/

http://www.apple.com/


Exemplos com 3 ou mais colunas

Bons exemplos:

http://www.amazon.co.uk/

http://www.powazek.com/


Exemplos com 3 ou mais colunas

Exemplo do que não se deve fazer:

http://www.allthingsweb2.com/


Divisões horizontais (seções)

Exemplos:

http://www.alsacreations.fr/

http://www.curve2.com/


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:

http://www.colorschemer.com/


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 protected]

http://www.fabianopereiradesigner.blogspot.com/

mailto:[email protected]


Muito obrigado!

Grande abraço!

web 2.0

Technology