Post on 20-Jul-2015
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.
Web Design 2.0 - Professor Fabiano Pereira 407/11/08
b) O que é?
Mudança radical de conceitos Sites são aplicativos, serviços online Usuário é o provedor de conteúdo
Web Design 2.0 - Professor Fabiano Pereira 507/11/08
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”
Web Design 2.0 - Professor Fabiano Pereira 607/11/08
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/
Web Design 2.0 - Professor Fabiano Pereira 707/11/08
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/
Web Design 2.0 - Professor Fabiano Pereira 807/11/08
d) O papel do usuário: “a estrela principal do show”.
Hey, você aí! Sim, você! Quer ser uma estrela?
Web Design 2.0 - Professor Fabiano Pereira 907/11/08
3) Design na web 2.0: Conceitos:
CMS, sistemas de gerenciamento prontos Papel do usuário “ativo” Site como obra aberta
Web Design 2.0 - Professor Fabiano Pereira 1007/11/08
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:
Web Design 2.0 - Professor Fabiano Pereira 1107/11/08
b) Layouts em colunas;
Quantas colunas usar? Recomenda-se 2 colunas, no máximo,
três. Menos é mais
Web Design 2.0 - Professor Fabiano Pereira 1207/11/08
Exemplos com 3 ou mais colunas
Bons exemplos:
Web Design 2.0 - Professor Fabiano Pereira 1307/11/08
Exemplos com 3 ou mais colunas
Exemplo do que não se deve fazer:
Web Design 2.0 - Professor Fabiano Pereira 1407/11/08
Divisões horizontais (seções)
Exemplos:
Web Design 2.0 - Professor Fabiano Pereira 1507/11/08
d) Padrões estéticos utilizados: negrito e organização contextual;
Exemplos de utilização de negrito:
Web Design 2.0 - Professor Fabiano Pereira 1607/11/08
e) Padrões estéticos utilizados: cores fortes separando as seções;
Separação clara de seções:
Web Design 2.0 - Professor Fabiano Pereira 1707/11/08
f) Superfícies ricas (efeitos de 3D);
Agradável ao olhar, evitar excessos
Web Design 2.0 - Professor Fabiano Pereira 2007/11/08
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?
Web Design 2.0 - Professor Fabiano Pereira 2107/11/08
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;
Web Design 2.0 - Professor Fabiano Pereira 2207/11/08
Visitem o meu Blog!
www.fabianopereiradesigner.blogspot.com
Entrem em contato! bipereira@gmail.com