Web Design

Design & Gestalt

Web Design
Mas antes...
Web Design
O que mesmo Design?!

Design a configurao, concepo,

elaborao e especificao de um artefato.
Essa uma atividade tcnica e criativa,
normalmente orientada por uma inteno ou
objetivo, ou para a soluo de um problema.
Simplificando, pode-se dizer que design
projeto.
(fonte: Wikipdia)
Web Design
O design dividido em uma srie de princpios
bsicos que se aplicam a todo o projeto, seja
ele do mundo real ou do mundo virtual. No
entanto, especialmente na web, s vezes
essas regras tendem a ser esquecidas e ns
apenas trabalhamos com o que sentimos ser o
certo.
Web Design
Mas da onde vem esse "certo"?
Web Design
Dos princpios do Design:

Equilbrio
Proporo
Ritmo
Dominncia (ou nfase)
Unidade
Web Design
Equilbrio

Existem dois tipos: simtrico e assimtrico.

Web Design
Equilbrio
Web Design
Equilbrio
Web Design
Equilbrio

Equilibrio Assimtrico
Web Design
Equilbrio
Web Design
Equilbrio
Web Design
Equilbrio

Equilibrio Simtrico
Web Design
Proporo

Est entre o equilbrio e a dominncia.

Auxilia na atribuio de importncia aos
elementos na pgina.
Web Design
Proporo
Web Design
Proporo urea
na verdade um nmero irracional que resulta de um
quociente especfico. Para o obter, os sbios da
Antiguidade Clssica definiram a seguinte frmula:
dividindo um segmento de reta em duas partes desiguais,
a relao (ou proporo) entre a parte maior e a parte
menor tem de ser igual proporo do todo relativamente
parte maior. Este nmero irracional denotado pela letra
grega Phi e com o valor arredondado a trs casas decimais
de 1,618 (nmero de ouro)
Web Design
Proporo urea
Web Design
Proporo urea
Web Design
Proporo
Web Design
Lei dos Teros

Consiste em dividir a rea de trabalho em 3 partes

horizontais e 3 partes verticais. Os 4 pontos onde
ocorrem cruzamentos das linhas, so considerados
pontos fortes, ou seja, elementos prximos a estes
pontos, sero atrados por eles.
Web Design
Lei dos Teros
Web Design
Lei dos Teros
Web Design
Lei dos Teros
Web Design
Lei dos Teros
Web Design
Ritmo

algo presente principalmente quando

apresentamos dados. especialmente
importante para sites que contm pginas com
longas quantidades de informaes repetidas.
Web Design
Ritmo
Web Design
Ritmo
Web Design
Dominncia (ou nfase)

Ocorre quando um elemento visual chama

mais ateno que outro.
Web Design
Dominncia (ou nfase)
Web Design
Dominncia (ou nfase)
Web Design
Unidade

"O todo maior que a soma das partes". E a

unidade trabalha de forma que todas os
elementos visuais trabalhem de uma nica
forma, em um mesmo campo semntico de
entendimento.
Web Design
Unidade
Web Design
Unidade
Web Design
Unidade
Web Design
Unidade

ME GUSTA...
Web Design
Unidade
Web Design
Alm dos princpios de design apresentados, a
sensao de "certo" continua, pois tambm
aplicado atravs da teoria da forma, ou
Gestalt.
Web Design
Mas o que isso? Gestalt?
Web Design
Gestalt
uma palavra de origem germnica que
significa forma ou figura.

Surgiu no incio do sculo passado, na

Alemanha; E defende que nossa percepo
no se d atraves de pontos isolados, mas,
sim, por uma viso do todo.
Web Design
E trata-se de um movimento que atua na rea
da teoria da forma.

O design utiliza as leis da Gestalt o tempo

todo, muitas vezes at de forma inconsciente.

Ele ajuda as pessoas a assimilarem

informaes e entenderem as mensagens que
so passadas.
Web Design
Em outras palavras, o estudo de como o
ser humano percebe as coisas ao seu redor.
Web Design
O crebro humano em um momento que no
percebido, tende a "captar" discrepncias
visuais, ou elementos associativos.
Web Design
As pessoas formam sua organizao visual de
forma previsvel, dessa forma, os Designers
exploram o processo criativo para deixar a
mensagem principal durante a leitura visual do
projeto.
Web Design
Existem cinco leis bsicas da Gestalt:

Semelhana
Proximidade
Continuidade
Pregnncia
Fechamento
Web Design

{ continua... }