desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • ferramentas
  • downloads
  • mapa do blog
  • sobre

Gestalt aplicado ao design web (parte 2): princípio da proximidade

24 de janeiro de 2008 4 comentários

No segundo artigo da série, apresento o princípio da proximidade, muito útil de se saber e efetivamente aplicar, nos trabalhos do dia-a-dia.

Este artigo é parte da série “Gestalt aplicado ao design web“. Confira a lista de todas as partes, até agora:

  • Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade;
  • Gestalt aplicado ao design web (parte 2): princípio da proximidade (artigo atual).

Foi visto no artigo anterior que pesquisadores alemães começaram a estudar as percepções visuais humanas, quer dizer, as relações entre algo sendo observado e as sensações que este “algo” provoca em que observa, dando origem à teoria Gestalt.

A partir deste estudo, foram deduzidos alguns princípios – ou “leis”, como preferem alguns – que descrevem alguns aspectos interessantes e, para o caso, úteis de se saber, sobre como o ser humano interpreta o que vê. Nesta série não serão vistos todos os princípios, mas, sim, aqueles que são úteis para o escopo a que se propõe: o desenvolvimento para web.

O princípio da proximidade basicamente diz que quando vários itens estão próximos entre si, formam uma unidade visual única, coesa, e não mais parecerão distintos. E mais: esta relação que forma o “um” sugere que estes elementos são relacionados, de alguma maneira.

Princípio da proximidade em ação: várias bolinhas próximas umas das outras “formando” outras figuras.

Ainda não acredita? Você mesmo “se depara com o princípio da proximidade” diariamente… O princípio da proximidade “transforma” milhões de pontinhos (pixels) no monitor que olhamos em verdadeiras imagens!

O princípio da proximidade “transforma” milhões de pontinhos (pixels) em imagens.

Deste princípio da proximidade, pode-se inferir que elementos relacionados devem ser agrupados.

Esta é uma informação muito importante, quando o assunto é desenvolvimento de layouts! Sabendo que elementos próximos dão a idéia de unicidade e relacionamento, que têm ligação entre si, é possível planejar melhor o design de um web site, por exemplo.

Utilizando o princípio da proximidade, é possível conferir organização a um layout; é fazer com que a experiência dos usuários, ao visitarem determinado site, seja agradável e, até mesmo, prazerosa. As pessoas se sentem bem quando as coisas estão organizadas, não é verdade? ;-)

No próximo artigo da série, mostrarei alguns exemplos do princípio da proximidade na web.

  • DiHITT
  • Linkk
  • Do Melhor
  • Rec6
  • WebSapiens
  • StumbleUpon
  • BlogBlogs
Categorias
design, séries
Comentários RSS
Comentários RSS
Trackback
Trackback

BuscaPé, líder em comparação de preços na América Latina

Artigos relacionados a "Gestalt aplicado ao design web (parte 2): princípio da proximidade"

  • Gestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento
  • Gestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade
  • Gestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento
  • Gestalt aplicado ao design web (parte 6): princípio da experiência passada
  • Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
  • Dicas e ferramentas úteis para desenvolvedores web
  • Como tirar screenshot de um web site inteiro e obter uma imagem completa
  • Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia
  • Definição de acessibilidade e conexão com design
  • Desenvolvimento para web 2.0

4 comentários em "Gestalt aplicado ao design web (parte 2): princípio da proximidade"

  • Gestalt aplicado ao design web (parte 3): exemplos web do princípio da proximidade | desenvolvimento para web
    Pingback em 14 de fevereiro de 2008
  • Gestalt aplicado ao design web (parte 4): princípio da boa continuidade ou princípio do alinhamento | desenvolvimento para web
    Pingback em 11 de março de 2008
  • Gestalt aplicado ao design web (parte 6): princípio da experiência passada | desenvolvimento para web
    Pingback em 22 de março de 2008
  • Gestalt aplicado ao design web (parte 5): exemplos web do princípio do alinhamento | desenvolvimento para web
    Pingback em 31 de maio de 2008

Deixar um comentário

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Baixar ícones de alta definição e qualidade
  • Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade
  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • Classe PHP para conexão com banco de dados MySQL
  • Como pegar parte do conteúdo (dados) de outro site com PHP

Categorias

  • (x)html (4)
  • acessibilidade (4)
  • blogs (4)
  • css (15)
  • design (28)
  • firefox (4)
  • indicações (50)
  • javascript (4)
  • jquery (8)
  • microformatos (1)
  • miscelânea (20)
  • php (7)
  • séries (8)
  • seo (8)
  • usabilidade (6)
  • vida (4)
  • wordpress (15)

Eu indico

  • blosque.com
  • Fique Rico Online
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

CSS float: considerações, dicas e macetes para bons layouts na web

WP-Syntax: destacar códigos fonte em artigos de blogs Wordpress

Tipografia com foco ao web design (parte 1): considerações sobre fonte, tipo, tipologia e tipografia

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores

Wordpress Love, para quem ama blogar

Últimos Comentários

Paulo Faustino: Oi Tárcio. Agora só falta liberar um template customizado para futura edição de campanhas (...)

Tárcio Zemel: @ Leo Oi, tudo bem? Obrigado pelas dicas e comentários a respeito desta classe! Como (...)

Leo: Olá, Tarcio! Essa classe pode ser melhorada. Eu utilizo um método exclusivo para insert,update e delete (...)

Tárcio Zemel: @ bfms Muito obrigado pelas considerações, Bruno! Realmente foi minha intenção ajudar ao traduzir este (...)

bfms: Bom artigo :) Estou a par do assunto e trabalho neste tema. Achei que para (...)

Mais Comentados

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores (13)

As melhores práticas de SEO que você pode adotar em seu web site ou blog para melhorar o posicionamento nos mecanismos de busca (10)

CSS float: considerações, dicas e macetes para bons layouts na web (9)

Classe PHP para conexão com banco de dados MySQL (8)

desenvolvimento para web trata sobre desenvolvimento para web (padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais) e tem alguns direitos reservados.