You are on page 1of 3

O design equilibrado.

Os agrupamentos
Como os elementos web devem se agrupar para obter um resultado
coerente.
O ser humano, tanto por seu carter racional como por herana cultural, tende a
organizar os elementos que percebe ao redor como conjuntos significativos
organizados. Esta inclinao a agrupar elementos relacionados em um fator que
influi de forma notria na percepo que temos de nosso entorno, do que vemos ao
nosso redor.
s composi!es grficas no escapam a esta tend"ncia, portanto um correto
agrupamento de seus elementos lhes outorga um carter lgico, racional, que
aumenta seu valor comunicativo.
O agrupamento de nossos elementos grficos e te#tuais pode se basear em
diferentes crit$rios%
Proximidade: &endemos a agrupar aqueles objetos que esto pr#imos,
mais pertos entre si.
Semelhana: &endemos a agrupar os elementos iguais ou parecidos.
Continuidade: 'ossa mente tende a agrupar aqueles elementos que t"m
uma continuidade significativa.
Simetria: &endemos a agrupar os elementos para que apaream ordenados
formando figuras conhecidas.
'o caso concreto das pginas (eb, os agrupamentos so muito )teis e totalmente
necessrios, sobretudo no que diz respeito a elementos similares ou de
funcionalidade anloga, como componentes de menus de navegao, *cones, dados
relacionados, bot!es, etc.
Os agrupamentos tamb$m so muito )teis em casos de formulrios ou fichas de
muitos campos, sendo muito conveniente dividir estes em grupos de informao
anloga, separando logo cada grupo dos demais mediante franjas horizontais ou
verticais em branco.
+om isso, o formulrio no s ganha em beleza visual, como tamb$m fica mais
claro, lgico ( fcil de completar pelo usurio.
Autoria e outras referncias sobre este artigo
!entro deste artigo:
, " manual relacionado
, # Categorias relacionadas
-nforme de $uciano %oreno
./0% http:&&www.htmlweb.net&
Acrescentar um coment'rio do artigo
%anuais relacionados com este artigo
!entro de Curso pr'tico de (eb !esign
Seguinte: O design equilibrado. O reticulado
Anterior: O design equilibrado. O contraste
1 2ndice de Curso pr'tico de (eb !esign
Categorias relacionadas
trav$s das categorias do nosso diretrio podem ser encontrados outros tipos de recursos relacionados
com este artigo%
, Entrar em !esign
, Entrar em )uias de desenho

You might also like