SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
PRINCÍPIOS DO 
DESING GRÁFICO 
Viviane Camelo Lopes
É 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
Alinhamento
ALINHAMENTO
Alinhamento 
• Esteja consciente do posicionamento dos 
elementos no layout. 
• Encontre sempre algo a mais na página para fazer 
o alinhamento, mesmo que os dois objetos 
estejam fisicamente distantes.
Alinhamento 
• Evite usar mais de um alinhamento de texto por 
página. 
• Evite o alinhamento centralizado, a não ser que 
você tenha o objetivo de criar uma apresentação 
formal, pacata. 
• Escolha o alinhamento centralizado consciente, e 
não por automação.
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
Contraste 
• O objetivo do contraste é evitar elementos 
meramente similares em uma página. 
• Costuma ser a mais importante atração visual de 
um layout. 
• É instrumento para criação de hierarquia e 
diferenciação. 
• A diferenciação dos elementos que se 
interrelacionam cria ATRAÇÃO VISUAL e acaba 
por VALORIZÁ-LOS.
CONTRASTE
Contraste - Dicas 
• Aplique contraste em suas opções de tipologia, 
nas espessuras das linhas, nas cores, nas formas, 
nos tamanhos, nos espaços, etc. 
• Experimente maneiras de contrastar os itens para 
criar interesse visual. 
• Crie ELEMENTOS MARCANTES! 
• Aproveite os espaços vazios, eles são elementos 
importantes para o layout. Ele funciona para 
equilibrar espaços, reforçar a unidade de grupos, 
harmonizar áreas e aumentar o contraste.
Exercício 
• Banana – Mosaico
Exercício 
• Entregar um caderno de referências visuais sobre 
os 4 princípios básicos do design. 
caderno deve conter peças gráficas (folders, flyers, 
cartões de visita, anúncios de revista, etc.) 
distribuídos de acordo com o princípio básico 
identificado.

Mais conteúdo relacionado

Semelhante a Princípios do Design Gráfico

Semelhante a Princípios do Design Gráfico (16)

4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
 
Planejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicosPlanejamento visual os 4 principios basicos
Planejamento visual os 4 principios basicos
 
Aula 06 linguagem visual
Aula 06   linguagem visualAula 06   linguagem visual
Aula 06 linguagem visual
 
Pocket Talk: Princípios de Design
Pocket Talk: Princípios de DesignPocket Talk: Princípios de Design
Pocket Talk: Princípios de Design
 
aula-6_principios_design.pdf
aula-6_principios_design.pdfaula-6_principios_design.pdf
aula-6_principios_design.pdf
 
Diagramacao ua
Diagramacao uaDiagramacao ua
Diagramacao ua
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
O design equilibrado7
O design equilibrado7O design equilibrado7
O design equilibrado7
 
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e ComposiçãoLaboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
Laboratório Web 2013-2014 - Etapas na Produção: Desenho e Composição
 
Aula 05 layout e composição do site
Aula 05   layout e composição do siteAula 05   layout e composição do site
Aula 05 layout e composição do site
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é Designer
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
O design equilibrado9
O design equilibrado9O design equilibrado9
O design equilibrado9
 
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
 
Bootstrap.pdf
Bootstrap.pdfBootstrap.pdf
Bootstrap.pdf
 

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
Princípios básicosPrincípios básicos
Princípios básicos
 
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
 

Princípios do Design Gráfico

  • 1. PRINCÍPIOS DO DESING GRÁFICO Viviane Camelo Lopes
  • 2. É 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.
  • 5.
  • 8. Alinhamento • Esteja consciente do posicionamento dos elementos no layout. • Encontre sempre algo a mais na página para fazer o alinhamento, mesmo que os dois objetos estejam fisicamente distantes.
  • 9. Alinhamento • Evite usar mais de um alinhamento de texto por página. • Evite o alinhamento centralizado, a não ser que você tenha o objetivo de criar uma apresentação formal, pacata. • Escolha o alinhamento centralizado consciente, e não por automação.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16. 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
  • 17. Contraste • O objetivo do contraste é evitar elementos meramente similares em uma página. • Costuma ser a mais importante atração visual de um layout. • É instrumento para criação de hierarquia e diferenciação. • A diferenciação dos elementos que se interrelacionam cria ATRAÇÃO VISUAL e acaba por VALORIZÁ-LOS.
  • 18.
  • 19.
  • 20.
  • 21.
  • 23. Contraste - Dicas • Aplique contraste em suas opções de tipologia, nas espessuras das linhas, nas cores, nas formas, nos tamanhos, nos espaços, etc. • Experimente maneiras de contrastar os itens para criar interesse visual. • Crie ELEMENTOS MARCANTES! • Aproveite os espaços vazios, eles são elementos importantes para o layout. Ele funciona para equilibrar espaços, reforçar a unidade de grupos, harmonizar áreas e aumentar o contraste.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. Exercício • Banana – Mosaico
  • 29. Exercício • Entregar um caderno de referências visuais sobre os 4 princípios básicos do design. caderno deve conter peças gráficas (folders, flyers, cartões de visita, anúncios de revista, etc.) distribuídos de acordo com o princípio básico identificado.