Design

Busca por simetria

Como disse no post acima,

será que a assimetria não representaria uma busca por simetria?

Talvez BUSCA seja a palavra certa. Veja o exemplo abaixo: duas diagramações diferentes, com os mesmos elementos. Uma é totalmente simétrica, a outra assimétrica. De qual você gosta mais?

Por mais que você se sinta tentado a escolher a da esquerda, analise novamente seu processo de percepção. É bem provável que o quadrado da direita tenha prendido a sua atenção por muito mais tempo que o da esquerda. Há algo de intrigante, de incômodo, de irracional nele. Isso prende o olhar e leva a um questionamento. Em uma comparação infeliz, é mais ou menos como aquele cara com um alface no dente: atrai furiosamente os olhos.

Percepção, já diziam os tios da Gestalt, é um processo ativo. Os olhares demandam isso. Se você entregar tudo pronto, não há desafio. Sem desafio, não tem a menor graça. Mais ou menos como aquela foto “nhé” que tiram de pôr-do-sol, com a bola no centro geométrico. Um tédio só.

Veja como as proporções dos dois layouts são totalmente diferentes:


Assim, no primeiro, não há o que se pensar. Já no segundo…

Em seu próximo layout ou foto, me dê um voto de confiança e evite a simetria. Se não ficar legal, você sempre pode centralizar mais tarde. É tão fácil que até o Powerpoint faz isso automaticamente.

Mas tome cuidado: assmim que você tirar um elemento do centro, vai criar um pequeno GRID. A partir desse ponto, o alinhamento de todos os elementos do seu layout é fundamental.

Aquela história de sempre: em composição visual, você pode criar as regras que quiser, mas uma vez criadas, elas devem ser respeitadas. Sempre.

5 comentários

Trackbacks

Trackback URL para este artigo:
http://www.luli.com.br/2006/09/27/busca-por-simetria/trackback/

desça a lenha:

Comente este post ou dê um link do seu site.

Acompanhe esses comentários.

Seja legal, não fuja do tópico.

Não faça nada que você não faria.

Se souber HTML, pode usar essas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*Campos obrigatórios