SlideShare uma empresa Scribd logo
1 de 61
Baixar para ler offline
DESING GRÁFICO 
Viviane Camelo Lopes
design 
Processo 
de 
construção 
de 
um 
produto 
e 
sua 
divulgação
design
Design 
gprráofidcuot 
o
Design 
gráfico 
produto
Design 
gráfico 
Arte ou capacidade de combinar 
texto e imagens 
em diferentes áreas e suportes
gráfico 
Design 
gráfico
Design 
gráfico 
EDITORIAL 
SINALÉTICA 
EMBALAGEM 
PUBLICIDADE
Design 
Informação 
visual 
gráfico 
> 
Informação 
ú,l 
para 
sa,sfazer 
necessidades 
reais 
das 
pessoas. 
> 
Comunicar 
com 
eficiência.
Design 
Informação 
visual 
gráfico 
> 
Qual 
é 
a 
nossa 
necessidade? 
Vender 
(apresentar) 
a 
nossa 
IDEIA
I 
n 
f 
o 
r 
m 
a 
ç 
ã 
o
PRINCÍPIOS DO 
DESING GRÁFICO 
Viviane Camelo Lopes
vejam esses materiais:
dá pra melhorar? 
de que forma?
princípios básicos 
PRAT2C 
roximidade 
epetição 
linhamento 
ipologia 
ontraste 
ores 
Aplicação 
de 
elementos 
gráficos 
e 
para 
melhor 
condução 
do 
fluxo 
de 
leitura 
e 
apresentação 
visual
Como juntar elementos semelhantes 
de uma mensagem (texto ou imagem) 
PROXIMIDADE 
ORGANIZAR 
Propósito básico 
da proximidade 
Informação 
organizada = 
LEITURA FÁCIL E 
MEMORIZAÇÃO 
A forma como organizamos as ideias.
Proximidade 
• Itens relacionados entre si deveriam ser 
agrupados. 
• Quando vários itens estão próximos, tornam-se 
uma unidade visual, e não várias unidades 
individuais. 
• Isso ajuda a organizar as informações e reduz a 
desordem.
Proximidade
PROXIMIDADE
PROXIMIDADE
PROXIMIDADE 
Nomes das 
Bandas 
estão 
agrupadas 
Informações 
do concerto
Repetição dos elementos visuais 
UNIFICA E FORTALECE o layout. 
REPETIÇÃO 
Podemos usar repetição no 
estilo de letra, nos ! 
bullets, cores, alinhamento 
ou no estilo gráfico 
Se tudo for 
diferente torna a 
sua leitura mais difícil 
porque andamos à 
procura de referências. 
Ao usar a repetição faz com todo o projeto 
tenha ligação
Repetição 
• Algum aspecto do design deve repetir-se no 
material inteiro (cor, forma, tipo, tamanho, 
espessura, etc.). 
• Em documentos com muitas páginas, branding e 
campanhas ela pode ser essencial. 
• É a repetição que cria CONSISTÊNCIA nos 
materiais visuais.
REPETIÇÃO 
DA COR
REPETIÇÃO 
DA COR
REPETIÇÃO 
TIPO LETRA
DICAS: Repetição 
• O elemento repetitivo pode ser uma fonte, uma 
cor, algum sinal, um elemento gráfico ou qualquer 
outro item que se reconheça visualmente. 
• Adapte os elementos a serem repetidos para os 
diferentes formatos. 
• Cuidado para não tornar a repetição excessiva e 
cansativa.
É 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 
Cria uma 
aparência 
LIMPA, 
SOFISTICADA E 
SUAVE 
UNIDADE: Nada deve ser colocado arbitrariamente em 
um layout. Cada elemento deve ter uma ligação visual 
com outro elemento do layout, criando AMARRAS 
VISUAIS.
Alinhamento
Alinhamento
Podemos criar contraste com estilo de letra, o 
Criação de interesse visual: 
• escolha adequada de fontes 
tipográficas 
• composição de texto 
• sensibilidade para o conteúdo e tom 
do texto 
• relação entre texto e os elementos 
gráficos na página 
TAMANHO ou cor 
É criado quando se 
juntam dois 
elementos diferentes 
ou opostos. 
Quanto maior for a 
diferença melhor. 
O contraste permite que coisas mais importantes 
possam ser destacadas. 
Cada família de 
fonte, cada tipo de 
letra transmite um 
conceito. 
CONTRASTE
É a arte, o processo de criação e a 
classificação do desenho de letras do 
alfabeto e de caracteres usados para 
Criação de interesse visual: 
• escolha adequada de fontes 
tipográficas 
• composição de texto 
• sensibilidade para o conteúdo e tom 
do texto 
• relação entre texto e os elementos 
gráficos na página 
formar as palavras; 
A Tipografia 
transmite 
personalidade a 
uma peça gráfica. 
São a principal ferramenta de comunicação, que 
permitem dar expressão ao documento. 
Cada família de 
fonte, cada tipo de 
letra transmite um 
conceito. 
TIPOGRAFIA
Estrutura do Caractere
A luz emitida de uma fonte 
luminosa por meio de ondas 
eletromagnéticas e parcialmente 
refletida por um objeto chega a 
nossos olhos na forma de uma Cor. 
A forma mais imediata de 
comunicação não verbal. 
Alia-se à peça 
como um todo 
para comunicar 
uma mensagem, 
promover um 
raciocínio. 
Cada cor comunica sensações já num primeiro 
instante. Em seguida, o conjunto de cores evoca seus 
significados e provoca sentimentos. 
Cada família de 
fonte, cada tipo de 
letra transmite um 
conceito. 
COR
Classificação das Cores 
Circulo cromático 
Cores primárias são as três 
cores básicas das 
quais se obtém todas 
as outras cores 
presentes no círculo 
cromático. Existem dois 
tipos de cores primária
Classificação das Cores 
Cores Primárias Aditivas 
Cores luz 
Verde, Vermelho, Azul 
Somadas Resultam na cor 
branca. 
Cores Primárias Subtrativas 
Cores pigmento 
Ciano, Magenta, Amarelo 
Somadas Resultam na cor 
preta.
Classificação das Cores 
Cores Primárias Aditivas 
Cores luz 
Verde, Vermelho, Azul 
Somadas Resultam na cor 
branca. 
Cores Primárias Subtrativas 
Cores pigmento 
Ciano, Magenta, Amarelo 
Somadas Resultam na cor 
preta.
Classificação das Cores 
Circulo cromático 
As Cores Secundárias são 
formadas a partir da 
soma de 100% de duas 
primárias. 
As Cores Terciárias são 
formadas pela soma 
de duas ou três 
primárias em diferentes 
proporções.
Cor 
Cores Complementares 
Cores opostas no circulo cromático
Cor 
Cores Complementares 
Cores opostas no circulo cromático
Cor 
Cores Complementares 
Cores opostas no circulo cromático
Cor 
Cores 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
Cor 
Cores Análogas 
Também conhecidas como cores 
harmoniosas 
São aquelas que estão na 
proximidade no circulo 
cromático.

Mais conteúdo relacionado

Mais procurados

Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
Aula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaAula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaDaniel Castro
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAaulasdejornalismo
 
Identidade Visual
Identidade VisualIdentidade Visual
Identidade VisualRenato Melo
 
Materiais e Processos Gráficos
Materiais e Processos GráficosMateriais e Processos Gráficos
Materiais e Processos GráficosAmanda Moreira
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 
Aula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção GráficaAula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção GráficaGabriel Ferraciolli
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 

Mais procurados (20)

Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Aula02 editoracao eletronica
Aula02 editoracao eletronicaAula02 editoracao eletronica
Aula02 editoracao eletronica
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Historia do Design
Historia do DesignHistoria do Design
Historia do Design
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Aula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaAula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFica
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
 
Identidade Visual
Identidade VisualIdentidade Visual
Identidade Visual
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
Materiais e Processos Gráficos
Materiais e Processos GráficosMateriais e Processos Gráficos
Materiais e Processos Gráficos
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Tipografia
Tipografia Tipografia
Tipografia
 
Aula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção GráficaAula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção Gráfica
 
Grid
GridGrid
Grid
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 

Destaque

Destaque (14)

Design
DesignDesign
Design
 
Arquitetura web, o que nao fazer!
Arquitetura web, o que nao fazer!Arquitetura web, o que nao fazer!
Arquitetura web, o que nao fazer!
 
Apresentação principios do design share
Apresentação principios do design shareApresentação principios do design share
Apresentação principios do design share
 
Design Gráfico - Cores
Design Gráfico - CoresDesign Gráfico - Cores
Design Gráfico - Cores
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
O que é design, teoria das cores, contraste, profundidade
O que é design, teoria das cores, contraste, profundidadeO que é design, teoria das cores, contraste, profundidade
O que é design, teoria das cores, contraste, profundidade
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
 
Design gráfico
Design  gráficoDesign  gráfico
Design gráfico
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
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
 

Semelhante a Princípios básicos do design gráfico

Semelhante a Princípios básicos do design gráfico (20)

Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Informação visual
Informação visualInformação visual
Informação visual
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 
Design
DesignDesign
Design
 
Arte publicitária i princípios básicos do design e tipografia
Arte publicitária i   princípios básicos do design e tipografiaArte publicitária i   princípios básicos do design e tipografia
Arte publicitária i princípios básicos do design e tipografia
 
tipologiacores
tipologiacorestipologiacores
tipologiacores
 
Tipografia
TipografiaTipografia
Tipografia
 
Aula04 criacaomoda
Aula04 criacaomodaAula04 criacaomoda
Aula04 criacaomoda
 
Aperfeiçoar apresentações
Aperfeiçoar apresentaçõesAperfeiçoar apresentações
Aperfeiçoar apresentações
 
Aula 5 - Direção de Arte
Aula 5 - Direção de ArteAula 5 - Direção de Arte
Aula 5 - Direção de Arte
 
Conceitos Gerais de design
Conceitos Gerais de designConceitos Gerais de design
Conceitos Gerais de design
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
CRP0357-2016-04
CRP0357-2016-04CRP0357-2016-04
CRP0357-2016-04
 
O cartaz 6º ano
O cartaz 6º anoO cartaz 6º ano
O cartaz 6º ano
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docx
 
Guiadecores
GuiadecoresGuiadecores
Guiadecores
 
Guia de Cores
Guia de CoresGuia de Cores
Guia de Cores
 
CRP0357-2014-12
CRP0357-2014-12CRP0357-2014-12
CRP0357-2014-12
 
Design Pra Quem Não é Designer
Design Pra Quem Não é DesignerDesign Pra Quem Não é Designer
Design Pra Quem Não é Designer
 
Design para quem nao eh designer
Design para quem nao eh designerDesign para quem nao eh designer
Design para quem nao eh designer
 

Mais de ProfVivianeLopes

Mais de ProfVivianeLopes (12)

Criacao impressos
Criacao impressosCriacao impressos
Criacao impressos
 
Damasceno patricia-2013-design-jornais
Damasceno patricia-2013-design-jornaisDamasceno patricia-2013-design-jornais
Damasceno patricia-2013-design-jornais
 
Princípios básicos II
Princípios básicos IIPrincípios básicos II
Princípios básicos II
 
Cores Continuação - Teoria 2
Cores Continuação - Teoria 2Cores Continuação - Teoria 2
Cores Continuação - Teoria 2
 
Cartaz de ilusões e análise da peça gráfica
Cartaz de ilusões e análise da peça gráficaCartaz de ilusões e análise da peça gráfica
Cartaz de ilusões e análise da peça gráfica
 
Cores 2 - Psicodinâmica
Cores 2 - PsicodinâmicaCores 2 - Psicodinâmica
Cores 2 - Psicodinâmica
 
Aula EE-composicao
Aula EE-composicaoAula EE-composicao
Aula EE-composicao
 
Cores - Teoria
Cores - TeoriaCores - Teoria
Cores - Teoria
 
-jor
-jor-jor
-jor
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 
Aula EE - Ementa
Aula EE - EmentaAula EE - Ementa
Aula EE - Ementa
 

Último

AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaayasminlarissa371
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 

Último (9)

AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaaGESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
GESTÃO FINANceiraaaaaaaaaaaaaaaaaaaaaaaaaa
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 

Princípios básicos do design gráfico

  • 1. DESING GRÁFICO Viviane Camelo Lopes
  • 2. design Processo de construção de um produto e sua divulgação
  • 6. Design gráfico Arte ou capacidade de combinar texto e imagens em diferentes áreas e suportes
  • 8. Design gráfico EDITORIAL SINALÉTICA EMBALAGEM PUBLICIDADE
  • 9. Design Informação visual gráfico > Informação ú,l para sa,sfazer necessidades reais das pessoas. > Comunicar com eficiência.
  • 10. Design Informação visual gráfico > Qual é a nossa necessidade? Vender (apresentar) a nossa IDEIA
  • 11. I n f o r m a ç ã o
  • 12. PRINCÍPIOS DO DESING GRÁFICO Viviane Camelo Lopes
  • 14. dá pra melhorar? de que forma?
  • 15. princípios básicos PRAT2C roximidade epetição linhamento ipologia ontraste ores Aplicação de elementos gráficos e para melhor condução do fluxo de leitura e apresentação visual
  • 16.
  • 17. Como juntar elementos semelhantes de uma mensagem (texto ou imagem) PROXIMIDADE ORGANIZAR Propósito básico da proximidade Informação organizada = LEITURA FÁCIL E MEMORIZAÇÃO A forma como organizamos as ideias.
  • 18. Proximidade • Itens relacionados entre si deveriam ser agrupados. • Quando vários itens estão próximos, tornam-se uma unidade visual, e não várias unidades individuais. • Isso ajuda a organizar as informações e reduz a desordem.
  • 22. PROXIMIDADE Nomes das Bandas estão agrupadas Informações do concerto
  • 23. Repetição dos elementos visuais UNIFICA E FORTALECE o layout. REPETIÇÃO Podemos usar repetição no estilo de letra, nos ! bullets, cores, alinhamento ou no estilo gráfico Se tudo for diferente torna a sua leitura mais difícil porque andamos à procura de referências. Ao usar a repetição faz com todo o projeto tenha ligação
  • 24. Repetição • Algum aspecto do design deve repetir-se no material inteiro (cor, forma, tipo, tamanho, espessura, etc.). • Em documentos com muitas páginas, branding e campanhas ela pode ser essencial. • É a repetição que cria CONSISTÊNCIA nos materiais visuais.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. DICAS: Repetição • O elemento repetitivo pode ser uma fonte, uma cor, algum sinal, um elemento gráfico ou qualquer outro item que se reconheça visualmente. • Adapte os elementos a serem repetidos para os diferentes formatos. • Cuidado para não tornar a repetição excessiva e cansativa.
  • 38.
  • 39. É 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 Cria uma aparência LIMPA, SOFISTICADA E SUAVE UNIDADE: Nada deve ser colocado arbitrariamente em um layout. Cada elemento deve ter uma ligação visual com outro elemento do layout, criando AMARRAS VISUAIS.
  • 41.
  • 43.
  • 44.
  • 45.
  • 46. Podemos criar contraste com estilo de letra, o Criação de interesse visual: • escolha adequada de fontes tipográficas • composição de texto • sensibilidade para o conteúdo e tom do texto • relação entre texto e os elementos gráficos na página TAMANHO ou cor É criado quando se juntam dois elementos diferentes ou opostos. Quanto maior for a diferença melhor. O contraste permite que coisas mais importantes possam ser destacadas. Cada família de fonte, cada tipo de letra transmite um conceito. CONTRASTE
  • 47.
  • 48.
  • 49.
  • 50. É a arte, o processo de criação e a classificação do desenho de letras do alfabeto e de caracteres usados para Criação de interesse visual: • escolha adequada de fontes tipográficas • composição de texto • sensibilidade para o conteúdo e tom do texto • relação entre texto e os elementos gráficos na página formar as palavras; A Tipografia transmite personalidade a uma peça gráfica. São a principal ferramenta de comunicação, que permitem dar expressão ao documento. Cada família de fonte, cada tipo de letra transmite um conceito. TIPOGRAFIA
  • 52. A luz emitida de uma fonte luminosa por meio de ondas eletromagnéticas e parcialmente refletida por um objeto chega a nossos olhos na forma de uma Cor. A forma mais imediata de comunicação não verbal. Alia-se à peça como um todo para comunicar uma mensagem, promover um raciocínio. Cada cor comunica sensações já num primeiro instante. Em seguida, o conjunto de cores evoca seus significados e provoca sentimentos. Cada família de fonte, cada tipo de letra transmite um conceito. COR
  • 53. Classificação das Cores Circulo cromático Cores primárias são as três cores básicas das quais se obtém todas as outras cores presentes no círculo cromático. Existem dois tipos de cores primária
  • 54. Classificação das Cores Cores Primárias Aditivas Cores luz Verde, Vermelho, Azul Somadas Resultam na cor branca. Cores Primárias Subtrativas Cores pigmento Ciano, Magenta, Amarelo Somadas Resultam na cor preta.
  • 55. Classificação das Cores Cores Primárias Aditivas Cores luz Verde, Vermelho, Azul Somadas Resultam na cor branca. Cores Primárias Subtrativas Cores pigmento Ciano, Magenta, Amarelo Somadas Resultam na cor preta.
  • 56. Classificação das Cores Circulo cromático As Cores Secundárias são formadas a partir da soma de 100% de duas primárias. As Cores Terciárias são formadas pela soma de duas ou três primárias em diferentes proporções.
  • 57. Cor Cores Complementares Cores opostas no circulo cromático
  • 58. Cor Cores Complementares Cores opostas no circulo cromático
  • 59. Cor Cores Complementares Cores opostas no circulo cromático
  • 60. Cor Cores 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
  • 61. Cor Cores Análogas Também conhecidas como cores harmoniosas São aquelas que estão na proximidade no circulo cromático.