SlideShare une entreprise Scribd logo
1  sur  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
                   +

                              =   ?

Contenu connexe

Tendances

Técnica e Tecnologia -5ºano
Técnica e Tecnologia -5ºanoTécnica e Tecnologia -5ºano
Técnica e Tecnologia -5ºanoAgostinho NSilva
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
Objeto tecnico
Objeto tecnicoObjeto tecnico
Objeto tecnicoPelo Siro
 
Geometria 6º ano
Geometria  6º anoGeometria  6º ano
Geometria 6º anojonihson
 
Aula 1 - Introdução à disciplina Design de Produto
Aula 1 - Introdução à disciplina Design de Produto Aula 1 - Introdução à disciplina Design de Produto
Aula 1 - Introdução à disciplina Design de Produto Tiago Cruz
 
Metodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualMetodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualGabriel Meneses
 
Criar um logotipo exemplo e proposta de actividade aecscs
Criar um logotipo exemplo e proposta de actividade aecscsCriar um logotipo exemplo e proposta de actividade aecscs
Criar um logotipo exemplo e proposta de actividade aecscsPEDRO DAVID
 
Simetria a arte de construir e analisar Ornamentos
Simetria a arte de construir e analisar OrnamentosSimetria a arte de construir e analisar Ornamentos
Simetria a arte de construir e analisar OrnamentosKaren Kelly Castro
 
PowerPoint - origami
PowerPoint - origamiPowerPoint - origami
PowerPoint - origamiArtes Real
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das CoresAline Okumura
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosDhione Oliveira
 
Metodologia para produtos de moda
Metodologia para produtos de modaMetodologia para produtos de moda
Metodologia para produtos de modaMarcio Duarte
 
Introdução à Semiótica Peirceana _ Arquitetura de Peirce
Introdução à Semiótica Peirceana _ Arquitetura de PeirceIntrodução à Semiótica Peirceana _ Arquitetura de Peirce
Introdução à Semiótica Peirceana _ Arquitetura de PeirceGabrielle Grimm
 
Processo de Criacão de Logomarca
Processo de Criacão de LogomarcaProcesso de Criacão de Logomarca
Processo de Criacão de LogomarcaBreno Brito
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 

Tendances (20)

Fundamentos da grid
Fundamentos da gridFundamentos da grid
Fundamentos da grid
 
Técnica e Tecnologia -5ºano
Técnica e Tecnologia -5ºanoTécnica e Tecnologia -5ºano
Técnica e Tecnologia -5ºano
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Objeto tecnico
Objeto tecnicoObjeto tecnico
Objeto tecnico
 
Geometria 6º ano
Geometria  6º anoGeometria  6º ano
Geometria 6º ano
 
Aula 1 - Introdução à disciplina Design de Produto
Aula 1 - Introdução à disciplina Design de Produto Aula 1 - Introdução à disciplina Design de Produto
Aula 1 - Introdução à disciplina Design de Produto
 
Moulage exercício criativo
Moulage   exercício criativoMoulage   exercício criativo
Moulage exercício criativo
 
Metodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto AtualMetodologia do Design - Aplicação no Contexto Atual
Metodologia do Design - Aplicação no Contexto Atual
 
Criar um logotipo exemplo e proposta de actividade aecscs
Criar um logotipo exemplo e proposta de actividade aecscsCriar um logotipo exemplo e proposta de actividade aecscs
Criar um logotipo exemplo e proposta de actividade aecscs
 
Simetria a arte de construir e analisar Ornamentos
Simetria a arte de construir e analisar OrnamentosSimetria a arte de construir e analisar Ornamentos
Simetria a arte de construir e analisar Ornamentos
 
PowerPoint - origami
PowerPoint - origamiPowerPoint - origami
PowerPoint - origami
 
1 Iconicidade
1 Iconicidade1 Iconicidade
1 Iconicidade
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercícios
 
Metodologia para produtos de moda
Metodologia para produtos de modaMetodologia para produtos de moda
Metodologia para produtos de moda
 
Introdução à Semiótica Peirceana _ Arquitetura de Peirce
Introdução à Semiótica Peirceana _ Arquitetura de PeirceIntrodução à Semiótica Peirceana _ Arquitetura de Peirce
Introdução à Semiótica Peirceana _ Arquitetura de Peirce
 
A Simetria
A SimetriaA Simetria
A Simetria
 
Processo de Criacão de Logomarca
Processo de Criacão de LogomarcaProcesso de Criacão de Logomarca
Processo de Criacão de Logomarca
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 

En vedette

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
 

En vedette (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
 

Similaire à Informação visual

Similaire à Informação visual (7)

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
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Apresentaçao Aula 2
Apresentaçao Aula 2Apresentaçao Aula 2
Apresentaçao Aula 2
 
Aula 2 Webdesign
Aula 2 WebdesignAula 2 Webdesign
Aula 2 Webdesign
 

Dernier

Programa de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasPrograma de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasCassio Meira Jr.
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasRosalina Simão Nunes
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxOsnilReis1
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptxthaisamaral9365923
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
ELETIVA TEXTOS MULTIMODAIS LINGUAGEM VER
ELETIVA TEXTOS MULTIMODAIS LINGUAGEM VERELETIVA TEXTOS MULTIMODAIS LINGUAGEM VER
ELETIVA TEXTOS MULTIMODAIS LINGUAGEM VERDeiciane Chaves
 
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...ArianeLima50
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?Rosalina Simão Nunes
 
Orações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxOrações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxKtiaOliveira68
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumAugusto Costa
 
Simulado 2 Etapa - 2024 Proximo Passo.pdf
Simulado 2 Etapa  - 2024 Proximo Passo.pdfSimulado 2 Etapa  - 2024 Proximo Passo.pdf
Simulado 2 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumPatrícia de Sá Freire, PhD. Eng.
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxkarinedarozabatista
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.keislayyovera123
 
A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.silves15
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniCassio Meira Jr.
 

Dernier (20)

Programa de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades MotorasPrograma de Intervenção com Habilidades Motoras
Programa de Intervenção com Habilidades Motoras
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
Em tempo de Quaresma .
Em tempo de Quaresma                            .Em tempo de Quaresma                            .
Em tempo de Quaresma .
 
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
ELETIVA TEXTOS MULTIMODAIS LINGUAGEM VER
ELETIVA TEXTOS MULTIMODAIS LINGUAGEM VERELETIVA TEXTOS MULTIMODAIS LINGUAGEM VER
ELETIVA TEXTOS MULTIMODAIS LINGUAGEM VER
 
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
 
E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?E agora?! Já não avalio as atitudes e valores?
E agora?! Já não avalio as atitudes e valores?
 
Orações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxOrações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptx
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
 
Simulado 2 Etapa - 2024 Proximo Passo.pdf
Simulado 2 Etapa  - 2024 Proximo Passo.pdfSimulado 2 Etapa  - 2024 Proximo Passo.pdf
Simulado 2 Etapa - 2024 Proximo Passo.pdf
 
Universidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comumUniversidade Empreendedora como uma Plataforma para o Bem comum
Universidade Empreendedora como uma Plataforma para o Bem comum
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
 
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -XI OLIMPÍADAS DA LÍNGUA PORTUGUESA      -
XI OLIMPÍADAS DA LÍNGUA PORTUGUESA -
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.
 
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
Orientação Técnico-Pedagógica EMBcae Nº 001, de 16 de abril de 2024
 
A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.A horta do Senhor Lobo que protege a sua horta.
A horta do Senhor Lobo que protege a sua horta.
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
 

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 + = ?