Web Design > Princípios do Design e intro à Gestalt

45
Web Design Design & Gestalt

description

Principios do Design aplicados ao Web Design, e introdução ao Gestalt

Transcript of Web Design > Princípios do Design e intro à Gestalt

Page 1: Web Design > Princípios do Design e intro à Gestalt

Web DesignDesign & Gestalt

Page 2: Web Design > Princípios do Design e intro à Gestalt

Web Design

Mas antes...

Page 3: Web Design > Princípios do Design e intro à Gestalt

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)

Page 4: Web Design > Princípios do Design e intro à Gestalt

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”.

Page 5: Web Design > Princípios do Design e intro à Gestalt

Web Design

Mas da onde vem esse "certo"?

Page 6: Web Design > Princípios do Design e intro à Gestalt

Web Design

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

Page 7: Web Design > Princípios do Design e intro à Gestalt

Web Design

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

Page 8: Web Design > Princípios do Design e intro à Gestalt

Web Design

Equilíbrio

Page 9: Web Design > Princípios do Design e intro à Gestalt

Web Design

Equilíbrio

Page 10: Web Design > Princípios do Design e intro à Gestalt

Web Design

Equilíbrio

Equilibrio Assimétrico

Page 11: Web Design > Princípios do Design e intro à Gestalt

Web Design

Equilíbrio

Page 12: Web Design > Princípios do Design e intro à Gestalt

Web Design

Equilíbrio

Page 13: Web Design > Princípios do Design e intro à Gestalt

Web Design

Equilíbrio

Equilibrio Simétrico

Page 14: Web Design > Princípios do Design e intro à Gestalt

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.

Page 15: Web Design > Princípios do Design e intro à Gestalt

Web Design

Proporção

Page 16: Web Design > Princípios do Design e intro à Gestalt

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)

Page 17: Web Design > Princípios do Design e intro à Gestalt

Web Design

Proporção áurea

Page 18: Web Design > Princípios do Design e intro à Gestalt

Web Design

Proporção áurea

Page 19: Web Design > Princípios do Design e intro à Gestalt

Web Design

Proporção

Page 20: Web Design > Princípios do Design e intro à Gestalt

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.

Page 21: Web Design > Princípios do Design e intro à Gestalt

Web Design

Lei dos Terços

Page 22: Web Design > Princípios do Design e intro à Gestalt

Web Design

Lei dos Terços

Page 23: Web Design > Princípios do Design e intro à Gestalt

Web Design

Lei dos Terços

Page 24: Web Design > Princípios do Design e intro à Gestalt

Web Design

Lei dos Terços

Page 25: Web Design > Princípios do Design e intro à Gestalt

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.

Page 26: Web Design > Princípios do Design e intro à Gestalt

Web Design

Ritmo

Page 27: Web Design > Princípios do Design e intro à Gestalt

Web Design

Ritmo

Page 28: Web Design > Princípios do Design e intro à Gestalt

Web Design

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

Page 29: Web Design > Princípios do Design e intro à Gestalt

Web Design

Dominância (ou ênfase)

Page 30: Web Design > Princípios do Design e intro à Gestalt

Web Design

Dominância (ou ênfase)

Page 31: Web Design > Princípios do Design e intro à Gestalt

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.

Page 32: Web Design > Princípios do Design e intro à Gestalt

Web Design

Unidade

Page 33: Web Design > Princípios do Design e intro à Gestalt

Web Design

Unidade

Page 34: Web Design > Princípios do Design e intro à Gestalt

Web Design

Unidade

Page 35: Web Design > Princípios do Design e intro à Gestalt

Web Design

Unidade

ME GUSTA...

Page 36: Web Design > Princípios do Design e intro à Gestalt

Web Design

Unidade

Page 37: Web Design > Princípios do Design e intro à Gestalt

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.

Page 38: Web Design > Princípios do Design e intro à Gestalt

Web Design

Mas o que é isso? Gestalt?

Page 39: Web Design > Princípios do Design e intro à 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.

Page 40: Web Design > Princípios do Design e intro à Gestalt

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.

Page 41: Web Design > Princípios do Design e intro à Gestalt

Web Design

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

Page 42: Web Design > Princípios do Design e intro à Gestalt

Web Design

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

Page 43: Web Design > Princípios do Design e intro à Gestalt

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

Page 44: Web Design > Princípios do Design e intro à Gestalt

Web Design

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

Page 45: Web Design > Princípios do Design e intro à Gestalt

{ continua... }

Web Design