Design Blog - Blog de design gráfico, web design e universo freelancer.

Peixe Grande - ajude-nos a ganhar! Vote!

Web Design

Gestalt aplicado ao web design

Por | 28 de julho de 2009 | Tags: , , , | 12 Comentários

Publicidade

No artigo passado, eu falei sobre a Gestalt – ou Teoria da Forma. Foi um artigo sobre “a parte teórica da teoria”. Neste, vou mostrar alguns exemplos de como a Gestalt é aplicada ao web design.

Lei da Semelhança

Observe como as notícias são separadas em cores. Isto não acontece só na página inicial, mas como em todo o restante do site. No topo, há a "descrição" de cada cor.

Lei da Proximidade

Neste exemplo, veja como ítens similares são agrupados perto uns dos outros

Neste exemplo, veja como ítens similares são agrupados perto uns dos outros

Lei da Continuidade

Observe como a identação sugere um movimento, além de sugerir que o link mais a direita faz parte do de cima. O restante do site também é contínuo: de cima para baixo.

Observe como a identação sugere um movimento, além de sugerir que o link mais a direita faz parte do de cima. O restante do site também é contínuo: de cima para baixo.

Lei da Pregnância / Simplicidade

Aqui dá pra notar que a simplicidade facilita o entendimento do site. Poucas informações, mas muito descritivas.

Aqui dá pra notar que a simplicidade facilita o entendimento do site. Poucas informações, mas muito descritivas.

Lei do Fechamento

Neste caso, os blocos são fechados para reforçar a idéia de separação de conteúdo. No entanto, o site não precisava da borda para isto.

Neste caso, os blocos são fechados para reforçar a idéia de separação de conteúdo. No entanto, o site não precisava da borda para isto.

E com isso, encerro o assunto de Gestalt. Caso você tenha alguma dúvida ou sugestão, por favor deixe um comentário!


Quem leu isto também leu:

Gostou? Por favor, compartilhe!


Prêmio Peixe Grande - Vote em nós hoje!
Canha

Criador e editor-chefe do Design Blog, atualmente é web designer freelancer. Nerd desde pequeno, ama tudo relacionado a internet, é apaixonado por design e está na área há 11 anos.

Acesse seu site Siga no Twitter

Deixe seu comentário!

  • http://universomutum.blogspot.com MoizaCARTUNS

    Só mesmo mostrando com imagens pra um leigo como eu entender como funciona, hehehehe

    Adoro designers – de sites, de carros, de casas; mas não entendo muita coisa disso. Acho o Google pouco interessante em termos de design (como são os casos do Orkut e do próprio site de busca), mas as funcionalidades são incríveis!

    Abraços o/

  • http://nitr0wz.wordpress.com Rodolpho Augusto

    ótimo post, novamente!

  • http://www.AnjoDigital.com AnjoDigital

    Para complementar:”De acordo com a Gestalt, a arte se funda no princípio da pregnância da forma. E assim, no processo de criação de imagens, fatores como equilíbrio, clareza e harmonia visual são imprescindíveis para o ser humano.” João Gomes Filho – Gestalt do Objeto.

  • http://www.formigueirocomunista.com André HP

    Ótimos artigos sobre gestalt Canha. Vale lembrar que é uma abordagem psicológica também, na qual analisa os paciência por meio de seus desenhos. E ainda é uma corrente filosófica que prega o contrário da dialética, entendo a melhor perspectiva como a holística – visão do todo.

    Abraço!

  • http://www.twitter/igor_almeida_ Igor Almeida

    @ MoizaCARTUNS É proposital o design da google, ele foi criado para até um processador MMX com 128 de memoria com internet discada consiga acessar o site em alta velocidade e carregamento de todos os dados fácio.. vc pode perceber quando sua internet está lenta e vc não consegue acessar aquele site querido.. mas quando vc digita o tão sagrado http://www.google.com ele rapidamente aparecerá …. Fato.

  • Gabriel Bernardi

    Tem uma lei que eu gosto bastante… a LEI DO SUCESSO

  • http://www.designediversao.com Aloysio Neves

    Desses o que mais gosto e procuro aplicar é o da simplicidade. Acho que quando o contúdo é extenso, esse quesito é essencial, pois facilita muito a comunicação. Infelizmente em vários materias no Brasil, a pouluição visual é imensa. Abs!

  • jost cullen

    sem comentario……….

  • http://www.rafarodrigues14.blogspot.com Rafael

    Rapaz vc me salvou, eu precisava de uma imagem que mostrasse a lei da pregnancia na web, essa foto é perfeita e eu entendi claramente, bendito mundo da informação (yn)

  • edvania

    É mesmo! tô entendendo um pouc
    mais sobre gestalt. VAleu

    • edvania

      É mesmo! tô entendendo um pouc
      mais sobre gestalt. VAleu

  • Pingback: O que é Gestalt? - Design Blog