SlideShare una empresa de Scribd logo
1 de 35
design
              Processo de
construção de um produto
       e sua divulgação
design
Design produto
       gráfico
gráfico
Design
         produto
Design gráfico
      Arte ou capacidade de combinar
      texto e imagens
      em diferentes áreas e suportes
Design gráfico
gráfico
SINALÉTICA
          EDITORIAL




 Design
gráfico

                        EMBALAGEM


          PUBLICIDADE
Design    Informação visual
gráfico   > Informação útil
          para satisfazer necessidades reais das pessoas.
          > Comunicar com eficiência.
Design       Informação visual
gráfico       > Qual é a nossa necessidade?


          Vender (apresentar) a nossa IDEIA
Informação
• Contraste
             • Repetição
Informação
 visual
             • Alinhamento
             • Agrupamento
             • Cor
Contraste
              É criado quando se juntam dois
              elementos diferentes ou opostos.
              Quanto maior for a diferença melhor.

Informação
 visual        Contraste


              O contraste permite que coisas mais
              importantes
              possam ser destacadas.
Contraste

               Podemos criar contraste com

Informação     estilo de letra,    o

 visual        TAMANHO ou
               cor
estilo de letra, o   TAMANHO ou cor
Repetição
             Existem alguns elementos que devem ser repetidos em
             todo o projeto

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

 visual       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.
REPETIÇÃO
 DA COR
REPETIÇÃO
 DA COR
REPETIÇÃO
TIPO LETRA
Alinhamento
             É o espaço onde o texto ou gráficos
             se organizam de forma ordenada
             facilitando a leitura do seu conteúdo.
Informação
 visual      Usa-se o alinhamento para:

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

             Ou proximidade.
             A forma como organizamos as ideias.
Informação
 visual      Como juntar elementos semelhantes
             de uma mensagem (texto ou imagem)
Nomes das
 Bandas
  estão
agrupadas




Informações
do concerto
Cor
             Circulo cromático




Informação
 visual
Cor
             Cores Complementares

              Cores opostas no circulo cromático

Informação
 visual
Cor
             Cores Complementares

              Cores opostas no circulo cromático

Informação
 visual
Cor
             Cores Complementares

              Cores opostas no circulo cromático

Informação
 visual
Cor
             Cores Complementares

              O uso de cores complementares permite
              criar contraste entre o fundo e o
Informação    elemento
 visual       Permite realçar tornado mais vibrante o
              elemento a destacar
Cor
             Cores Análogas
              Também conhecidas como cores
              harmoniosas
Informação
              São aquelas que estão na proximidade
 visual       no circulo cromático.
Cor
             Cores Análogas



Informação
 visual
Cor
             Cores Análogas



Informação
 visual
Princípios do
             design gráfico

                  +

Informação
 visual
                   +

                              =   ?

Más contenido relacionado

La actualidad más candente

Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADEKleiton Renzo
 
Introduccion a la teoria de la imagen
Introduccion  a la  teoria de la imagenIntroduccion  a la  teoria de la imagen
Introduccion a la teoria de la imagenmarcela888
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visualCaio Cæsar
 
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAISBASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAISFrancisco Moço
 
Alfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto VisualAlfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto VisualSancho Ferreira
 
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptxUFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptxEli Ramalho
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersLeonardo Pereira
 
Aula 03 design gráfico na publicidade simetria e assimetria
Aula 03   design gráfico na publicidade simetria e assimetriaAula 03   design gráfico na publicidade simetria e assimetria
Aula 03 design gráfico na publicidade simetria e assimetriaElizeu Nascimento Silva
 
Elementos dinámicos de la imagen
Elementos dinámicos de la imagenElementos dinámicos de la imagen
Elementos dinámicos de la imagenGinis Cortes
 
Denairudiada
DenairudiadaDenairudiada
Denairudiadajata
 

La actualidad más candente (20)

Aula 01 desenho de observação
Aula 01 desenho de observaçãoAula 01 desenho de observação
Aula 01 desenho de observação
 
Comunicação visual
Comunicação visualComunicação visual
Comunicação visual
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
 
Introduccion a la teoria de la imagen
Introduccion  a la  teoria de la imagenIntroduccion  a la  teoria de la imagen
Introduccion a la teoria de la imagen
 
3º - Sintaxe visual
3º - Sintaxe visual3º - Sintaxe visual
3º - Sintaxe visual
 
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAISBASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
BASES SOBRE A TEORIA DA COR APLICADA AOS SISTEMAS DIGITAIS
 
Alfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto VisualAlfabeto Visual_Introdução ap Alfabeto Visual
Alfabeto Visual_Introdução ap Alfabeto Visual
 
A teoria de gestalt
A teoria de gestaltA teoria de gestalt
A teoria de gestalt
 
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptxUFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
UFCD9394 videografismo e composição I- Introdução e Conceitos.pptx
 
Planos e ângulos
Planos e ângulosPlanos e ângulos
Planos e ângulos
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
PERCEPÇÃO VISUAL
PERCEPÇÃO VISUALPERCEPÇÃO VISUAL
PERCEPÇÃO VISUAL
 
2. niveles de iconocidad de una imagen
2. niveles de iconocidad de una imagen2. niveles de iconocidad de una imagen
2. niveles de iconocidad de una imagen
 
La imagen como signo
La imagen como signoLa imagen como signo
La imagen como signo
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Princípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não DesignersPrincípios clássicos de composição visual e Gráfica para não Designers
Princípios clássicos de composição visual e Gráfica para não Designers
 
Aula 03 design gráfico na publicidade simetria e assimetria
Aula 03   design gráfico na publicidade simetria e assimetriaAula 03   design gráfico na publicidade simetria e assimetria
Aula 03 design gráfico na publicidade simetria e assimetria
 
Elementos dinámicos de la imagen
Elementos dinámicos de la imagenElementos dinámicos de la imagen
Elementos dinámicos de la imagen
 
Denairudiada
DenairudiadaDenairudiada
Denairudiada
 

Destacado

LINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTELINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTEAndrea Dalforno
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTEangelicaferraz
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visualrenatamruiz
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Narrativas Visuais | Progressão Visual | Contraste e AfinidadeNarrativas Visuais | Progressão Visual | Contraste e Afinidade
Narrativas Visuais | Progressão Visual | Contraste e Afinidadeangelicaferraz
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoaulasdejornalismo
 
Língua e linguagem, código linguístico, funções da linguagem
Língua e linguagem, código linguístico, funções da linguagemLíngua e linguagem, código linguístico, funções da linguagem
Língua e linguagem, código linguístico, funções da linguagemÉric Santos
 

Destacado (11)

LINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTELINGUAGEM VISUAL | CONTRASTE
LINGUAGEM VISUAL | CONTRASTE
 
Função das imagens nos manuais escolares
Função das imagens nos manuais escolaresFunção das imagens nos manuais escolares
Função das imagens nos manuais escolares
 
Composição: USO DO CONTRASTE
Composição: USO DO CONTRASTEComposição: USO DO CONTRASTE
Composição: USO DO CONTRASTE
 
Contraste - Categoria Conceitual Fundamental da Gestalt
Contraste -  Categoria Conceitual Fundamental da GestaltContraste -  Categoria Conceitual Fundamental da Gestalt
Contraste - Categoria Conceitual Fundamental da Gestalt
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
 
Apresentação Layout
Apresentação LayoutApresentação Layout
Apresentação Layout
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Narrativas Visuais | Progressão Visual | Contraste e Afinidade
Narrativas Visuais | Progressão Visual | Contraste e AfinidadeNarrativas Visuais | Progressão Visual | Contraste e Afinidade
Narrativas Visuais | Progressão Visual | Contraste e Afinidade
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Língua e linguagem, código linguístico, funções da linguagem
Língua e linguagem, código linguístico, funções da linguagemLíngua e linguagem, código linguístico, funções da linguagem
Língua e linguagem, código linguístico, funções da linguagem
 

Similar a Informação visual (6)

Princípios básicos
Princípios básicosPrincípios básicos
Princípios básicos
 
O uso de imagens na educação
O uso de imagens na educaçãoO uso de imagens na educação
O uso de imagens na educação
 
Forma visual e Cor
Forma visual e CorForma visual e Cor
Forma visual e Cor
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Aula 2 Webdesign
Aula 2 WebdesignAula 2 Webdesign
Aula 2 Webdesign
 
Apresentaçao Aula 2
Apresentaçao Aula 2Apresentaçao Aula 2
Apresentaçao Aula 2
 

Último

PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMHELENO FAVACHO
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesFabianeMartins35
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxLuizHenriquedeAlmeid6
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecniCleidianeCarvalhoPer
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfWagnerCamposCEA
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfHELENO FAVACHO
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfHELENO FAVACHO
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfHELENO FAVACHO
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxLusGlissonGud
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...HELENO FAVACHO
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaHELENO FAVACHO
 
atividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfatividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfLuizaAbaAba
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfHELENO FAVACHO
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...azulassessoria9
 

Último (20)

PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEMPRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
PRÁTICAS PEDAGÓGICAS GESTÃO DA APRENDIZAGEM
 
Revolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividadesRevolução russa e mexicana. Slides explicativos e atividades
Revolução russa e mexicana. Slides explicativos e atividades
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdf
 
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdfReta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
Reta Final - CNU - Gestão Governamental - Prof. Stefan Fantini.pdf
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptx
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
atividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdfatividades_reforço_4°ano_231206_132728.pdf
atividades_reforço_4°ano_231206_132728.pdf
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...Considere a seguinte situação fictícia:  Durante uma reunião de equipe em uma...
Considere a seguinte situação fictícia: Durante uma reunião de equipe em uma...
 

Informação visual

  • 1. design Processo de construção de um produto e sua divulgação
  • 3. Design produto gráfico
  • 4. gráfico Design produto
  • 5. Design gráfico Arte ou capacidade de combinar texto e imagens em diferentes áreas e suportes
  • 7. SINALÉTICA EDITORIAL Design gráfico EMBALAGEM PUBLICIDADE
  • 8. Design Informação visual gráfico > Informação útil para satisfazer necessidades reais das pessoas. > Comunicar com eficiência.
  • 9. Design Informação visual gráfico > Qual é a nossa necessidade? Vender (apresentar) a nossa IDEIA
  • 11. • Contraste • Repetição Informação visual • Alinhamento • Agrupamento • Cor
  • 12. Contraste É criado quando se juntam dois elementos diferentes ou opostos. Quanto maior for a diferença melhor. Informação visual Contraste O contraste permite que coisas mais importantes possam ser destacadas.
  • 13. Contraste Podemos criar contraste com Informação estilo de letra, o visual TAMANHO ou cor
  • 14.
  • 15. estilo de letra, o TAMANHO ou cor
  • 16. Repetição Existem alguns elementos que devem ser repetidos em todo o projeto Ao usar a repetição faz com todo o projeto tenha Informação ligação visual 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.
  • 20.
  • 21. Alinhamento É o espaço onde o texto ou gráficos se organizam de forma ordenada facilitando a leitura do seu conteúdo. Informação visual Usa-se o alinhamento para: • Criar ordem • Organizar os elementos na página • Agrupar itens • Criar ligação visuais entre elementos
  • 22.
  • 23.
  • 24. Agrupamento Ou proximidade. A forma como organizamos as ideias. Informação visual Como juntar elementos semelhantes de uma mensagem (texto ou imagem)
  • 25. Nomes das Bandas estão agrupadas Informações do concerto
  • 26. Cor Circulo cromático Informação visual
  • 27. Cor Cores Complementares Cores opostas no circulo cromático Informação visual
  • 28. Cor Cores Complementares Cores opostas no circulo cromático Informação visual
  • 29. Cor Cores Complementares Cores opostas no circulo cromático Informação visual
  • 30. Cor Cores Complementares O uso de cores complementares permite criar contraste entre o fundo e o Informação elemento visual Permite realçar tornado mais vibrante o elemento a destacar
  • 31.
  • 32. Cor Cores Análogas Também conhecidas como cores harmoniosas Informação São aquelas que estão na proximidade visual no circulo cromático.
  • 33. Cor Cores Análogas Informação visual
  • 34. Cor Cores Análogas Informação visual
  • 35. Princípios do design gráfico + Informação visual + = ?