O design equilibrado.

Os alinhamentos
Necessrios para conseguir uma composio ordenada e lgica, assim
como para relacionar elementos.
Uma vez definido o reticulado que vamos usar em nossa composio, deveremos
situar na mesma os elementos grficos e textuais.
Neste ponto aparece o conceito de alinhamento, como a colocao de elementos
grficos e textuais segundo uma linha dada, que geralmente ser horizontal ou
vertical. Geralmente haver vrias linhas guias de alinhamento em uma
composio.
Alinhar os elementos uma operao imprescind!vel para conseguir uma
composio ordenada e l"gica, pois com isso se criam unidades visuais definidas e
rela#es entre elementos.
$e o alinhamento importante na hora de situar elementos grficos, ser ainda
mais se se trata de conte%dos textuais. &fetivamente, os textos perfeitamente
alinhados so mais fceis de ler, no cansam a vista e produzem um efeito de
equil!'rio que convida ( leitura. Ao contrrio, um texto sem alinhamento resulta
confuso, dif!cil de ler, desmotivando ao espectador.
)udo o que est sendo falado se acentua ainda mais se o suporte uma pgina
*e', + que a forma do monitor e da +anela do navegador impulsiona o uso de
contornos retangulares, que unicamente se conseguem com alinhamentos
perfeitos.
Ademais, muitas vezes devemos desenhar as pginas com um importante n%mero
de elementos, por isso se a disposio dos mesmos no for perfeitamente regular
ser muito dif!cil criar uma composio aceitvel.
,s alinhamentos horizontais so imprescind!veis para conseguir um desenho em
n!veis estveis, + que as linhas horizontais sugerem equil!'rio. -omo podemos ter
'locos l"gicos de diferente altura, estes alinhamentos se definiro desde as 'ordas
superiores dos 'locos.
Alinhamentos horizontais em EresMas
.uanto (s verticais, o alinhamento mais comum a esquerda, + que a normal
nos livros e demais suportes textuais, estando nossa vista educada para tratar com
ela.
Alinhamentos de tetos ! esquerda
,s alinhamentos centralizados so pouco comuns, salvo no caso de ta'elas de
dados com colunas que admitam 'em este tipo de alinhamento, so'retudo se todos
os valores da coluna tiverem a mesma largura. $e no for assim, prefer!vel optar
pelo alinhamento ( esquerda.
Elementos centralizados em uma tabela
.uanto aos alinhamentos ( direita, so pouco freq/entes, + que criam tens#es
visuais na maioria dos casos. 0odem1se usar naqueles 'locos cu+o conte%do deva se
adaptar a um reticulado que defina uma linha vertical ( direita do mesmo, como
ocorre em muitos menus de navegao situados ( esquerda da pgina.
)am'm so %teis nas colunas das ta'elas que contiverem dados que devam seguir
uma ordenao l"gica a direitas, como o caso de dados de moeda.
Adequando o alinhamento ao tipo de dados de cada campo
&xiste outro tipo de alinhamento para textos, o +ustificado, no qual todas as linhas
de texto t2m a mesma largura, por isso ficam alinhadas tanto a esquerda quanto a
direita, o que se consegue aumentando ou diminuindo o espaado normal das
letras. &ste tipo de alinhamento muito usado nos livros e +ornais, porm nas
pginas *e' h que aplic1lo com precauo, destinando1o somente a 'locos
textuais de pouco largura 3textos distri'u!dos em vrias colunas, por exemplo4.
0or %ltimo, vale dizer que se os alinhamentos so imprescind!veis, podem originar
monotonia visual se forem seguidos ao p da letra, ao produzir pginas quadradas
e artificiais demais. 0or isso, 'om introduzir alguns elementos que, sem romper o
reticulado e os alinhamentos 'sicos, introduzam um pouco de variedade visual, de
frescor no desenho. 5uscar o equil!'rio entre alinhamentos e elementos que as
rompam uma das tarefas principais do *e' designer.
Autoria e outras re"er#ncias sobre este artigo
$entro deste artigo%
6 & manual relacionado
6 ' (ategorias relacionadas
7nforme de )uciano Moreno
U89: http%**+++.html+eb.net*
Acrescentar um comentrio do artigo
Manuais relacionados com este artigo
$entro de (urso prtico de ,eb $esign
-eguinte% , design equili'rado. As simetrias
Anterior% , design equili'rado. , reticulado
; <ndice de (urso prtico de ,eb $esign
(ategorias relacionadas
Atravs das categorias do nosso diret"rio podem ser encontrados outros tipos de recursos relacionados
com este artigo:
6 &ntrar em $esign
6 &ntrar em .uias de desenho