WebDesign

Cores, formas e criatividade.

Prof. Domingos L. Cancela

O que WebDesign ?
uma extenso da prtica do design, onde o foco do projeto a criao de web sites. Cores; Formas; Criatividade.

Cores
As cores, no design, esto diretamente ligadas s necessidades dos clientes, portanto mais do que conveniente que o layout supra essa necessidade e entenda o perfil do cliente.

Apenas estudar
Vermelho: Poder, energia, amor, ternura, agresso, coliso. a cor que estimula todos os tipos de apetites. uma cor indispensvel para o comrcio eletrnico de produtos para adultos. Cor do sangue e naturalmente provoca uma reao de ateno nos indivduos; Azul: Verdade, conservadorismo, segurana, tecnologia, limpeza (principalmente quando combinado com o branco, uma cor aceita na maioria das culturas e muito segura de se usar na web), tristeza e ordem. O azul escuro ideal para os negcios porque simboliza a estabilidade financeira, profissionalismo e fidelidade. a cor que possui menor rejeio no mundo; Branco: Pureza, limpeza (principalmente quando usado com o Azul), preciso, inocncia, esterilidade, morte. a calma e estabilidade que o seu web site precisa;

Formas
Gestalt - a teoria da forma. Um estudo de como o ser humano percebe as coisas ao seu redor

O que voc v ?

As leis bsicas da Gestalt

Proximidade; Semelhana; Continuidade; Fechamento ; Pregnncia.

Proximidade
Elementos que esto prximos uns dos outros se agrupam entre si e so percebidos como ma nica unidade.

Proximidade

Semelhana
Objetos semelhantes tendem a se agrupar, podendo essa semelhana ser na cor, forma ou tamanho.

Semelhana

Vermelo Noticias

Verde Esportes

Laranja - Entretenimento

Continuidade
Diz respeito ao alinhamento de elementos que produzem um conjunto harmnico e passam a impresso de que os elementos esto relacionados.

Continuidade

Continuidade

Continuidade

Continuidade

Fechamento
Dizem que nossa mente interpreta um objeto completo simplesmente se os elementos parecerem se agrupar.

Fechamento

Fechamento

Pregnncia
Diz que nossa experincia passada favorece a compreenso e associao de objetos incompletos, desde que nossa conscincia tenha conhecimento de sua existncia.

Pregnncia

O que isso lembra?

Exerccio
Recriar um WIREFRAME para um pizzaria (j existente), justificando: cor, disposio de links e imagens e definindo quais linguagens sero utilizadas.

A questo senhores estudantes, no o que eu vou dar como dica. A questo, se vocs estaro dispostos a aplica-las em suas vidas! Joemar Rios Muito Obrigado!

Perguntas?