web design > princípios do design e intro à gestalt
DESCRIPTION
Principios do Design aplicados ao Web Design, e introdução ao GestaltTRANSCRIPT
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