Informação visual

Post on 25-Jun-2015

1.125 views 0 download

Transcript of Informação visual

designProcesso de

construção de um produto

e sua divulgação

design

produtográficoDesign

Designproduto

gráfico Vender

(apresentar)

a nossa IDEIA

gráficoDesign

Arte ou capacidade de

combinar texto e imagens em diferentes áreas e

suportes

gráficográfico

Design

gráficoDesign

EDITORIALSINALÉTICA

EMBALAGEM

PUBLICIDADE

gráficoDesign Informação visual

> Informação útil para satisfazer necessidades reais das pessoas. > Comunicar com eficiência.

gráficoDesign Informação visual

> Qual é a nossa necessidade?

Vender (apresentar) a nossa IDEIA

I n f o r m a ç ã o

visualInformação

• Contraste• Repetição • Alinhamento• Agrupamento• Cor

visualInformação

É criado quando se juntam dois elementos diferentes ou opostos.Quanto maior for a diferença melhor.

Contraste

Contraste

O contraste permite que coisas mais importantes possam ser destacadas.

visualInformação

Podemos criar contraste com

estilo de letra, o TAMANHO ou cor

Contraste

estilo de letra, o TAMANHO ou cor

visualInformação

Existem alguns elementos que devem ser repetidos em todo o projeto

Repetição

Se tudo for diferente torna a sua leitura mais difícil porque andamos à procura de referências.

Podemos usar repetição no estilo de letra, nos l bullets, cores, alinhamento ou no estilo gráfico.

Ao usar a repetição faz com todo o projeto tenha ligação

REPETIÇÃO DA COR

REPETIÇÃO DA COR

REPETIÇÃO TIPO LETRA

visualInformação

É o espaço onde o texto ou gráficos se organizam de forma ordenada facilitando a leitura do seu conteúdo.

Alinhamento

Usa-se o alinhamento para:

• Criar ordem• Organizar os elementos na página• Agrupar itens• Criar ligação visuais entre elementos

visualInformação

Agrupamento

Ou proximidade. A forma como organizamos as ideias.

Como juntar elementos semelhantes de uma mensagem (texto ou imagem)

Nomes das Bandas estão

agrupadas

Informações do concerto

visualInformação

CorCirculo cromático

visualInformação

CorCores Complementares

Cores opostas no circulo cromático

visualInformação

CorCores Complementares

Cores opostas no circulo cromático

visualInformação

CorCores Complementares

Cores opostas no circulo cromático

visualInformação

CorCores Complementares

O uso de cores complementares permite criar contraste entre o fundo e o elemento

Permite realçar tornado mais vibrante o elemento a destacar

visualInformação

CorCores Análogas

Também conhecidas como cores harmoniosas

São aquelas que estão na proximidade no circulo cromático.

visualInformação

CorCores Análogas

visualInformação

CorCores Análogas

visualInformação

Princípios do design gráfico

+

+

= ?