4 principios planejamento visual
Upcoming SlideShare
Loading in...5
×
 

4 principios planejamento visual

on

  • 9,902 views

 

Statistics

Views

Total Views
9,902
Views on SlideShare
7,927
Embed Views
1,975

Actions

Likes
2
Downloads
225
Comments
0

5 Embeds 1,975

http://profarenataruiz.wordpress.com 1838
http://renataruiz.wordpress.com 103
http://renatamruiz.wordpress.com 30
url_unknown 2
http://webcache.googleusercontent.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    4 principios planejamento visual 4 principios planejamento visual Presentation Transcript

    • PLANEJAMENTO VISUAL Os quatros princípios básicos
    • Os quatro princípios básicos   Proximidade   Repetição   Alinhamento   Contraste
    • Proximidade   Itens relacionados entre si devem ser agrupados   Quando vários itens estão próximos tornam-se uma unidade visual, e não várias unidades individualizadas.   Ajuda a organizar as informações 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?   Após a leitura, para onde os olhos vão?   Você deve seguir uma progressão lógica durante a leitura da página, partindo de um início bem- definido para um final bem-definido
    • Proximidade   Propósito básico é organizar   O simples agrupamento de elementos relacionados em proximidade cria uma organização   Informação organizada = leitura fácil e memorização
    • Proximidade   Veja este cartão abaixo:
    • Proximidade   E agora:
    • Proximidade   Como conseguir isto:  Veja quantos elementos visuais tem sua página  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 página  Não coloque os itens somente nos cantos ou no meio da página  Evite criar dúvida em relação aos elementos, ou seja, cada subtítulo, legenda, imagem, etc. devem estar junto a seu respectivo par  Não relacione elementos que não devem ser agrupados.
    • Alinhamento   Não deve ser colocado arbitrariamente numa página   Cada elemento deve ter uma ligação visual com outro elemento da página   Cria uma aparência limpa, sofisticada e suave
    • Alinhamento   Veja o alinhamento dos cartões:
    • Alinhamento   A unidade é um conceito muito importante   Para que todos os elementos da página tenham uma estética unificada, conectada e inter-relacionada, é preciso que haja “amarras” visuais entre os elementos separados   Mesmo que eles não sejam próximos, eles podem estar unificados simplesmente devido ao seu posicionamento   Não importa se a aparência inicial da página seja caótica e selvagem: você sempre encontrará os alinhamentos correspondentes
    • Alinhamento   Esteja consciente do posicionamento dos elementos da página   Encontre sempre algo a mais na página 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 página, ou seja, não centralize um texto e alinhe outro à direita  Evite o alinhamento centralizado, a não ser que você tenha o objetivo de criar uma apresentação formal, pacata  Escolha o alinhamento centralizado consciente e não por automação
    • Repetição   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 relações espaciais como a espessura, os tamanhos, etc.   Ajuda a criar uma organização e fortalece a unidade
    • Repetição   Repetição dos elementos visuais unifica e fortalece o material   É essencial em documentos de muitas páginas   É considerada, neste último caso, consistência
    • Repetição   Considere a repetição como consistência   O elemento repetitivo pode ser uma fonte em negrito, um fio (linha) para destacar uma seção, algum sinal de tópico, um elemento gráfico   Pode ser qualquer item que o leitor reconheça visualmente   Repetir é como dar ênfase às suas roupas   Por exemplo, se uma mulher usar um vestido preto de noite maravilhoso com um chapéu, ela poderá enfatizar sua roupa usando sapatos e bolsa de outra cor, para realçar a composição
    • Repetição   O que evitar:  Repetir elemento em demasia, para que ele não se torne excessivo e cansativo  Pense na roupa da mulher de preto, se ela usar chapéu, brincos, sapatos, batom vermelho e ainda, acrescentar um casaco vermelho, a repetição criaria um efeito espalhafatoso e confuso
    • Contraste   O objetivo do contraste é evitar elementos meramente similares em uma página   Se os elementos (tipo, cor, tamanho, espessura da linha, forma, espaço, etc.) não forem os mesmos, diferencie-os completamente   Costuma ser a mais importante atração visual de uma página
    • Contraste   O contraste de uma página chama a atenção   Se você colocar dois elementos diferentes em uma página (como duas fontes ou duas espessuras de fio), eles não devem ser similares   Para que o contraste cumpra seu papel, os dois elementos devem ser diferentes   Utilizar o contraste é como retocar a parede: não 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 opções de tipologia, nas espessuras das linhas, nas cores, nas formas, nos tamanhos, nos espaços, etc.   É fácil descobrir maneiras de contrastar os itens e, provavelmente, esta é a maneira mais divertida e satisfatória de criar interesse visual   O importante é criar elementos marcantes
    • Contraste   Um exemplo:
    • Contraste   O que evitar:  Se você criar contrastes, faça-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 títulos em preto, por exemplo.  Evite usar duas ou mais fontes similares  Se os itens forem exatamente iguais, diferencie-os