Layout Conceitos e processo de criação

“Há leis de proporção, de luz, de sombra e de perspectiva, que é preciso conhecer para desenhar um

motivo; se essa ciência nos falha, arriscamos travar eternamente uma luta estéril e não conseguimos

nunca criar”. Van Gogh – 1880

O que é um layout ?

. Um plano ou peça com diferentes elementos organizados para transmitir uma mensagem

intencionada (princípios de design );

. A interpretação do layout é realizada pela leitura do:

Registro visual

Registro gráfico

Registro escrito

. Textos e ilustrações (fotos ou desenhos) devem ser elementos de destaque;

. O processo de criação dividi-se em:

Identificação

Seleção

Natureza dos elementos

Posicionamento dos elementos

Princípios de um layout

Unidade;

Ênfase;

Harmonia, equilíbrio e proporção;

Movimento e ritmo (narrativa).

. Unidade

Os elementos devem interagir entre si de acordo com a natureza temática ou visual,

mantendo a coerência e o equilíbrio do layout ;

Todos os objetos se apropriam de características do elemento principal;

A unidade pode ser criada por meio de:

.Repetição

.Variância

.Similaridade

.Continuidade

.Proximidade

. Repetição

Repetição de elementos gráficos visando “educar” o olhar humano (leitura) para reconhecer

objetos semelhantes, reforçando a interpretação da mensagem;

Exemplos de elementos de repetição:

Linhas

Formas

Figuras geométricas

Cores

Texturas

Valores

. Variância

Repetição dando ênfase em APENAS UM elemento do layout ;

Possibilita mais dinamismo a repetição de elementos.

. Similaridade

Agrupamento de elementos semelhantes;

Esse recurso é mais seguro mantendo a harmonia simétrica dos elementos.

. Continuidade

Ordenação de elementos que permite a interpretação simples e direta da página.

.Proximidade

Forma de organizar os elementos como se estivessem agrupados, orientando a leitura

em “blocos”.

. Ênfase

Dar mais foco a uma determinada composição, elevando sua importância;

Reforça o tema da mensagem;

A ênfase pode ser criada por meio de:

.Contraste

.Isolamento

.Direção

. Contraste

O ponto focal é direcionado para o elemento que possui mais peso no layout , em relação aos

demais elementos;

O contraste pode ser marcado por:

Cor

Textura

Dimensão

Proporção

. Isolamento

A distância direciona o ponto focal, possibilitando que a leitura de um bloco seja independente

do outro, gerando uma não-linearidade.

. Direção

Utilização de elementos para guiar a leitura do usuário, construindo uma narrativa.

. Harmonia

. É a distribuição equilibrada e balanceada entre os elementos, mantendo um “peso”

estético no layout ;

. Harmonia simétrica:

É o equilíbrio perfeito entre os elementos do layout .

. Harmonia assimétrica:

Posicionamento de elementos com peso diferenciado.

. Movimento e ritmo

. É a forma como a informação é organizada no layout , possibilitando direcionar a leitura e controlar

a intensidade da percepção;

. Gradação de movimento:

Transição lógica que leva a leitura até o ponto focal.

. Movimento diagonal:

É o controle da leitura em uma determinada direção, dando a idéia de movimento ou

seqüência.

. Ritmo alternado:

Controle da velocidade de leitura por meio de respiros.

. Ritmo progressivo:

Controle da velocidade pelas características dos elementos (cor, textura, valor, distância e

proporção).