O documento discute como elementos web devem ser agrupados de forma coerente. Explica que os seres humanos tendem a organizar elementos em conjuntos significativos baseados em critérios como proximidade, semelhança, continuidade e simetria. Nos sites, agrupamentos de elementos como menus, ícones e botões tornam a navegação mais lógica. Formulários também se beneficiam de agrupamentos por tipo de informação.

1. O design equilibrado. Os agrupamentos
Como os elementos web devem se agrupar para obter um resultado
coerente.
O ser humano, tanto por seu caráter racional como por herança cultural, tende a
organizar os elementos que percebe ao redor como conjuntos significativos
organizados. Esta inclinação a agrupar elementos relacionados em um fator que
influi de forma notória na percepção que temos de nosso entorno, do que vemos ao
nosso redor.
As composições gráficas não escapam a esta tendência, portanto um corret o
agrupamento de seus elementos lhes outorga um caráter lógico, racional, que
aumenta seu valor comunicativo.
O agrupamento de nossos elementos gráficos e textuais pode se basear em
diferentes critérios:
 Proximidade: Tendemos a agrupar aqueles objetos que estão próximos,
mais pertos entre si.
 Semelhança: Tendemos a agrupar os elementos iguais ou parecidos.
 Continuidade: Nossa mente tende a agrupar aqueles elementos que têm
uma continuidade significativa.
 Simetria: Tendemos a agrupar os elementos para que apareçam ordenados
formando figuras conhecidas.
No caso concreto das páginas web, os agrupamentos são muito úteis e totalmente
necessários, sobretudo no que diz respeito a elementos similares ou de
funcionalidade análoga, como componentes de menus de navegação, ícones, dados
relacionados, botões, etc.

2. Os agrupamentos também são muito úteis em casos de formulários ou fichas de
muitos campos, sendo muito conveniente dividir estes em grupos de informação
análoga, separando logo cada grupo dos demais mediante franjas horizontais ou
verticais em branco.
Com isso, o formulário não só ganha em beleza visual, como também fica mais
claro, lógico w fácil de completar pelo usuário.
Autoria e outras referências sobre este artigo
Dentro deste artigo:
+ 1 manual relacionado
+ 2 Categorias relacionadas
Informe de Luciano Moreno
URL: http://www.htmlweb.net/
Acrescentar um comentário do artigo
Manuais relacionados com este artigo
Dentro de Curso prático de Web Design
Seguinte: O design equilibrado. O reticulado
Anterior: O design equilibrado. O contraste
< Índice de Curso prático de Web Design
Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados
com este artigo:

3. + Entrar em Design
+ Entrar em Guias de desenho