35
design Processo de construção de um produto e sua divulgação

Informação visual

Embed Size (px)

Citation preview

Page 1: Informação visual

designProcesso de

construção de um produto

e sua divulgação

Page 2: Informação visual

design

Page 3: Informação visual

produtográficoDesign

Page 4: Informação visual

Designproduto

gráfico Vender

(apresentar)

a nossa IDEIA

Page 5: Informação visual

gráficoDesign

Arte ou capacidade de

combinar texto e imagens em diferentes áreas e

suportes

Page 6: Informação visual

gráficográfico

Design

Page 7: Informação visual

gráficoDesign

EDITORIALSINALÉTICA

EMBALAGEM

PUBLICIDADE

Page 8: Informação visual

gráficoDesign Informação visual

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

Page 9: Informação visual

gráficoDesign Informação visual

> Qual é a nossa necessidade?

Vender (apresentar) a nossa IDEIA

Page 10: Informação visual

I n f o r m a ç ã o

Page 11: Informação visual

visualInformação

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

Page 12: Informação visual

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.

Page 13: Informação visual

visualInformação

Podemos criar contraste com

estilo de letra, o TAMANHO ou cor

Contraste

Page 14: Informação visual
Page 15: Informação visual

estilo de letra, o TAMANHO ou cor

Page 16: Informação visual

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

Page 17: Informação visual

REPETIÇÃO DA COR

Page 18: Informação visual

REPETIÇÃO DA COR

Page 19: Informação visual

REPETIÇÃO TIPO LETRA

Page 20: Informação visual
Page 21: Informação visual

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

Page 22: Informação visual
Page 23: Informação visual
Page 24: Informação visual

visualInformação

Agrupamento

Ou proximidade. A forma como organizamos as ideias.

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

Page 25: Informação visual

Nomes das Bandas estão

agrupadas

Informações do concerto

Page 26: Informação visual

visualInformação

CorCirculo cromático

Page 27: Informação visual

visualInformação

CorCores Complementares

Cores opostas no circulo cromático

Page 28: Informação visual

visualInformação

CorCores Complementares

Cores opostas no circulo cromático

Page 29: Informação visual

visualInformação

CorCores Complementares

Cores opostas no circulo cromático

Page 30: Informação visual

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

Page 31: Informação visual
Page 32: Informação visual

visualInformação

CorCores Análogas

Também conhecidas como cores harmoniosas

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

Page 33: Informação visual

visualInformação

CorCores Análogas

Page 34: Informação visual

visualInformação

CorCores Análogas

Page 35: Informação visual

visualInformação

Princípios do design gráfico

+

+

= ?