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.

Princípios básicos

  • 1.
  • 2.
    design Processo de construção de um produto e sua divulgação
  • 3.
  • 4.
  • 5.
  • 6.
    Design gráfico Arteou capacidade de combinar texto e imagens em diferentes áreas e suportes
  • 7.
  • 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 DESINGGRÁFICO Viviane Camelo Lopes
  • 13.
  • 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
  • 17.
    Como juntar elementossemelhantes 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 • Itensrelacionados 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.
  • 19.
  • 20.
  • 21.
  • 22.
    PROXIMIDADE Nomes das Bandas estão agrupadas Informações do concerto
  • 23.
    Repetição dos elementosvisuais 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 • Algumaspecto 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.
  • 25.
  • 26.
  • 27.
  • 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.
  • 39.
    É o espaçoonde 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.
  • 40.
  • 42.
  • 46.
    Podemos criar contrastecom 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
  • 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
  • 51.
  • 52.
    A luz emitidade 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.