Forum de Design
8

Gestalt aplicado ao web design

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!

Artigos relacionados

Foto do autor

Canha

Canha é o criador do Design.blog e co-fundador do xCakeBlogs. Ele é designer e blogueiro. Arquivado na categoria Web Design



8 Comentários

  1. MoizaCARTUNS
    28/07/2009 às 14:53 | #

    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/

  2. Rodolpho Augusto
    28/07/2009 às 20:34 | #

    ótimo post, novamente!

  3. AnjoDigital
    28/07/2009 às 23:19 | #

    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.

  4. André HP
    29/07/2009 às 06:13 | #

    Ó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!

  5. Igor Almeida
    30/07/2009 às 17:56 | #

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

  6. Gabriel Bernardi
    01/08/2009 às 15:54 | #

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

  7. Aloysio Neves
    03/08/2009 às 10:50 | #

    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!

  8. jost cullen
    03/09/2009 às 12:27 | #

    sem comentario……….




Antes de comentar...

Antes de comentar, observe o seguinte:

  • Perguntas já respondidas na Lista de Perguntas Freqüentes serão ignoradas
  • Design é a profissão. O profissional é designer
  • Leia o artigo inteiro antes de comentar.
  • Em caso de pergunta, veja se já não foi respondido nos comentários acima
  • Comentários que começam com "Você pode..." ou variável, terá como resposta "Não. Faça sozinho". Use o Google e deixe de ser preguiçoso.
  • Spam, criancice e comentários em tiopês/miguxês serão apagados
  • É necessário ter o primeiro grau completo para comentar aqui. Se você abusar de frases sem pontuação ou mensagem em caps-lock, me reservo ao direito de escrachar você. Você foi avisado.

 

*
*