Web DesignDesign & Gestalt

Web Design

Mas antes...

Web Design

O que é mesmo Design?! Design é a configuração, concepção, elaboração e especificação de um artefato. Essa é uma atividade técnica e criativa, normalmente orientada por uma intenção ou objetivo, ou para a solução de um problema. Simplificando, pode-se dizer que design é projeto. (fonte: Wikipédia)

Web Design

O design é dividido em uma série de princípios básicos 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 nós apenas trabalhamos com o que sentimos ser o “certo”.

Web Design

Mas da onde vem esse "certo"?

Web Design

Dos princípios do Design: ● Equilíbrio● Proporção● Ritmo● Dominância (ou ênfase)● Unidade

Web Design

Equilíbrio Existem dois tipos: simétrico e assimétrico.

Web Design

Equilíbrio

Web Design

Equilíbrio

Web Design

Equilíbrio

Equilibrio Assimétrico

Web Design

Equilíbrio

Web Design

Equilíbrio

Web Design

Equilíbrio

Equilibrio Simétrico

Web Design

Proporção ● Está entre o equilíbrio e a dominância.● Auxilia na atribuição de importância aos

elementos na página.

Web Design

Proporção

Web Design

Proporção áureaé na verdade um número irracional que resulta de um quociente específico. Para o obter, os sábios da Antiguidade Clássica definiram a seguinte fórmula: dividindo um segmento de reta em duas partes desiguais, a relação (ou proporção) entre a parte maior e a parte menor tem de ser igual à proporção do todo relativamente à parte maior. Este número irracional é denotado pela letra grega Phi e com o valor arredondado a três casas decimais de 1,618 (número de ouro)

Web Design

Proporção áurea

Web Design

Proporção áurea

Web Design

Proporção

Web Design

Lei dos Terços Consiste em dividir a área de trabalho em 3 partes horizontais e 3 partes verticais. Os 4 pontos onde ocorrem cruzamentos das linhas, são considerados pontos fortes, ou seja, elementos próximos a estes pontos, serão atraídos por eles.

Web Design

Lei dos Terços

Web Design

Lei dos Terços

Web Design

Lei dos Terços

Web Design

Lei dos Terços

Web Design

Ritmo É algo presente principalmente quando apresentamos dados. É especialmente importante para sites que contêm páginas com longas quantidades de informações repetidas.

Web Design

Ritmo

Web Design

Ritmo

Web Design

Dominância (ou ênfase) Ocorre quando um elemento visual chama mais atenção que outro.

Web Design

Dominância (ou ênfase)

Web Design

Dominância (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 semântico de entendimento.

Web Design

Unidade

Web Design

Unidade

Web Design

Unidade

Web Design

Unidade

ME GUSTA...

Web Design

Unidade

Web Design

Além dos princípios de design apresentados, a sensação de "certo" continua, pois também é aplicado através da teoria da forma, ou Gestalt.

Web Design

Mas o que é isso? Gestalt?

Web Design

GestaltÉ uma palavra de origem germânica que significa “forma” ou “figura”. Surgiu no início do século passado, na Alemanha; E defende que nossa percepção não se dá atraves de pontos isolados, mas, sim, por uma visão 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 informações e entenderem as mensagens que são passadas.

Web Design

Em outras palavras, é o estudo de como o ser humano percebe as coisas ao seu redor.

Web Design

O cérebro humano em um momento que não é percebido, tende a "captar" discrepâncias visuais, ou elementos associativos.

As pessoas formam sua organização visual de forma previsível, dessa forma, os Designers exploram o processo criativo para deixar a mensagem principal durante a leitura visual do projeto.

Web Design

Web Design

Existem cinco leis básicas da Gestalt: ● Semelhança● Proximidade● Continuidade● Pregnância● Fechamento

{ continua... }

Web Design