PLANEJAMENTO VISUAL

Os quatros princpios bsicos

Os quatro princpios bsicos

Proximidade Repetio Alinhamento Contraste

Proximidade
Itens relacionados entre si devem ser agrupados Quando vrios itens esto prximos tornam-se uma unidade visual, e no vrias unidades individualizadas. Ajuda a organizar as informaes e reduz a desordem

Proximidade
Fique atento! Na leitura, veja para onde seus olhos se dirigem. Qual o caminho que eles seguem? Onde termina a leitura? Aps a leitura, para onde os olhos vo? Voc deve seguir uma progresso lgica durante a leitura da pgina, partindo de um incio bemdefinido para um final bem-definido

Proximidade
Propsito bsico organizar O simples agrupamento de elementos relacionados em proximidade cria uma organizao Informao organizada = leitura fcil e memorizao

Proximidade

Veja este carto abaixo:

Proximidade

E agora:

Proximidade

Como conseguir isto:

Veja

quantos elementos visuais tem sua pgina Veja quais podem ser agrupados num mesmo elemento, para que se tornem uma unidade visual

Proximidade

O que evitar:
Evite

muitos elementos separados em uma pgina No coloque os itens somente nos cantos ou no meio da pgina Evite criar dvida em relao aos elementos, ou seja, cada subttulo, legenda, imagem, etc. devem estar junto a seu respectivo par No relacione elementos que no devem ser agrupados.

Alinhamento
No deve ser colocado arbitrariamente numa pgina Cada elemento deve ter uma ligao visual com outro elemento da pgina Cria uma aparncia limpa, sofisticada e suave

Alinhamento

Veja o alinhamento dos cartes:

Alinhamento
A unidade um conceito muito importante Para que todos os elementos da pgina tenham uma esttica unificada, conectada e inter-relacionada, preciso que haja amarras visuais entre os elementos separados Mesmo que eles no sejam prximos, eles podem estar unificados simplesmente devido ao seu posicionamento No importa se a aparncia inicial da pgina seja catica e selvagem: voc sempre encontrar os alinhamentos correspondentes

Alinhamento
Esteja consciente do posicionamento dos elementos da pgina Encontre sempre algo a mais na pgina para fazer o alinhamento, mesmo que os dois objetos estejam fisicamente distantes

Alinhamento

O que evitar:
Evite

usar mais de um alinhamento de texto por pgina, ou seja, no centralize um texto e alinhe outro direita Evite o alinhamento centralizado, a no ser que voc tenha o objetivo de criar uma apresentao formal, pacata Escolha o alinhamento centralizado consciente e no por automao

Repetio
Algum aspecto do design deve repetir-se no material inteiro Repita os elementos visuais do design e espalhe-os pelo material Voc pode repetir a cor, a forma, a textura e as relaes espaciais como a espessura, os tamanhos, etc. Ajuda a criar uma organizao e fortalece a unidade

Repetio
Repetio dos elementos visuais unifica e fortalece o material essencial em documentos de muitas pginas considerada, neste ltimo caso, consistncia

Repetio
Considere a repetio como consistncia O elemento repetitivo pode ser uma fonte em negrito, um fio (linha) para destacar uma seo, algum sinal de tpico, um elemento grfico Pode ser qualquer item que o leitor reconhea visualmente Repetir como dar nfase s suas roupas Por exemplo, se uma mulher usar um vestido preto de noite maravilhoso com um chapu, ela poder enfatizar sua roupa usando sapatos e bolsa de outra cor, para realar a composio

Repetio

O que evitar:
Repetir

elemento em demasia, para que ele no se torne excessivo e cansativo Pense na roupa da mulher de preto, se ela usar chapu, brincos, sapatos, batom vermelho e ainda, acrescentar um casaco vermelho, a repetio criaria um efeito espalhafatoso e confuso

Contraste
O objetivo do contraste evitar elementos meramente similares em uma pgina Se os elementos (tipo, cor, tamanho, espessura da linha, forma, espao, etc.) no forem os mesmos, diferencie-os completamente Costuma ser a mais importante atrao visual de uma pgina

Contraste
O contraste de uma pgina chama a ateno Se voc colocar dois elementos diferentes em uma pgina (como duas fontes ou duas espessuras de fio), eles no devem ser similares Para que o contraste cumpra seu papel, os dois elementos devem ser diferentes Utilizar o contraste como retocar a parede: no se pode combinar mais ou menos a cor; ou voc encontra a cor exata ou precisar pintar a parede inteira

Contraste
Aplique contraste em suas opes de tipologia, nas espessuras das linhas, nas cores, nas formas, nos tamanhos, nos espaos, etc. fcil descobrir maneiras de contrastar os itens e, provavelmente, esta a maneira mais divertida e satisfatria de criar interesse visual O importante criar elementos marcantes

Contraste

Um exemplo:

Contraste

O que evitar:
Se

voc criar contrastes, faa-os de maneira forte Evite contrastar uma linha um pouco espessa com uma linha um pouco mais espessa Evite contrastar um texto em marrom com ttulos em preto, por exemplo. Evite usar duas ou mais fontes similares Se os itens forem exatamente iguais, diferencie-os