O design equilibrado.

As simetrias
Outro condicionante para que o design da web tenha uma organizao
natural.
Se observarmos a Natureza, grande arquiteta e desenhista onde estiver, poderemos
observar rapidamente que um dos elementos que mais utiliza para criar suas
organismos a simetria, manifestando-se em quase todos os seres que existem ao
longo e largo de nosso planeta.
O Homem pretendeu imitar este desenho simtrico natural em todos e cada um de
seus aspectos criadores, desde os primeiros obetos de artesanato at os modernos
autom!veis.
Se partirmos desta base, devemos aceitar que a busca de uma simetria estrutural,
gr"fica e textual deve ser uma das primeiras metas de todo #eb designer, " que
confere $s composi%&es de uma organiza%'o natural a qual o espectador est"
acostumado.
(or defini%'o, uma forma ou imagem simtrica quando um eixo central pode
dividi-la em duas partes iguais e opostas entre si. )ste conceito, aplicado a uma
composi%'o gr"fica pode se aplicar tanto aos pr!prios elementos individuais da
mesma como a sua totalidade. Neste caso, obter uma simetria exata pode resultar
dif*cil +inclusive inconveniente,, porm sim que podemos buscar uma simetria de
blocos e espa%amentos em nossa rede.
O design simtrico sugere estabilidade, equil*brio, resultando esttico, ordenado,
atrativo e agrad"vel de contemplar. -o contr"rio, o assimtrico mostra
irregularidade, desigualdade nas formas e desequil*brio.
H" que ter em conta que a simetria usada n'o deve de ser de todo exata, " que a
simetria perfeita n'o natural, .perfeita. demais, vale a redund/ncia, fazendo
aparecer as composi%&es artificiais e pr-meditadas. (equenas varia%&es na
distribui%'o simtrica d'o esse toque de ruptura que torna sua contempla%'o mais
amena e natural.
No caso de uma p"gina #eb, a concep%'o simtrica da mesma come%a com o
reticulado escolhido, " que ser" o que define a distribui%'o b"sica de elementos
nela. H" que tender ent'o a desenhar um reticulado o mais simtrico poss*vel.
0ma forma aceitada de romper o esquema simtrico de uma p"gina criar blocos
entortados visualmente para um lado, alternando-os na p"gina de forma inversa,
ou sea, o primeiro mais torto $ direita, o segundo mais $ esquerda, etc. Outra
tcnica o uso de um 1nico menu lateral de navega%'o, que descompensa o peso
visual para a zona na qual se encontra.
Se na disposi%'o de blocos no reticulado podemos ser algo permissivos, nos
conte1dos de nossas p"ginas a simetria deve ser uma norma quase inflex*vel,
sobretudo na constru%'o de certos elementos. 2 miss'o fundamental de todo
designer ser capaz de construir conte1dos simtricos sem que pare%am r*gidos,
artificiais.
)xemplos claros desta regra s'o a cria%'o de formul"rios e de fichas. 3onstroem-se
geralmente apoiando-se em uma tabela construtor, pela qual deveremos buscar a
simetria nesta tabela, embora logo, devido $s diferentes longitudes e natureza dos
campos, o resultado final .pare%a. n'o s4-lo.
Distribuio simtrica em uma ficha
)m rela%'o aos textos, se nossa p"gina eminentemente textual, e em textos de
uma s! linha, como esta que voc4s t4m adiante, o conte1do ser" simtrico por
pr!pria constru%'o. (orm, se desearmos distribuir o conte1do em v"rias colunas,
deveremos prestar especial aten%'o a que estas seam equilibradas, evitando o
remarcado forte de por%&es de texto ou de uma ou mais colunas mediante cores de
fundo, textos em negrito, etc.
Colunas textuais e simetria
5 regra geral buscar sempre a harmonia, mesmo quando introduzamos pequenos
elementos diferenciadores.
Outro aspecto fundamental manter simetrias no tratamento dos ares em nossa
p"gina. )ntendemos por .ar. o espa%o livre que fica entre elementos e entre estes
e os limites da p"gina. 2 o que em qualquer documento chamamos .margens.,
porm estendido a todos os elementos e conte1dos.
Se nossa p"gina tem um espa%o livre entre sua margem esquerda e o primeiro
conte1do por esse lado, o mesmo ar deve ficar entre a margem direita e o
conte1do por esse lado. 6gualmente, os espa%os livres entre os elementos internos
da p"gina devem ser simtricos e iguais, buscando com isso o equil*brio na
composi%'o.
)ste conceito aplic"vel a todos e cada um dos elementos de nossas p"ginas.
5ssim, se temos uma lista de conte1dos, podemos criar uns espa%os entre cada 7-8
elementos, que evitar'o a sensa%'o de opress'o produzida quando as listas t4m
muitos elementos. )nt'o, deveremos repetir este espa%o separador constantemente
ao longo da lista.
-a mesma forma, quando trabalhamos com formul"rios muito importante
desenh"-los de tal forma que o ar que fique entre os diferentes elementos que o
formem sea simtrico, criando um total claro e harmonioso.
) o mesmo podemos dizer dos demais elementos de nossa p"gina9 ares simtricos,
bem repartidos, equilibrados.
Autoria e outras referncias sobre este artigo
Dentro deste artigo!
: " manual relacionado
: # Categorias relacionadas
6nforme de $uciano %oreno
0;<9 http!&&www.htmlweb.net&
Acrescentar um coment'rio do artigo
%anuais relacionados com este artigo
Dentro de Curso pr'tico de (eb Design
)eguinte! O design equilibrado. O equil*brio entre conte1dos
Anterior! O design equilibrado. Os alinhamentos
= >ndice de Curso pr'tico de (eb Design
Categorias relacionadas
5travs das categorias do nosso diret!rio podem ser encontrados outros tipos de recursos relacionados
com este artigo9
: )ntrar em Design
: )ntrar em *uias de desenho