SlideShare una empresa de Scribd logo
1 de 24
Descargar para leer sin conexión
AULA 03
PRINCÍPIOS BÁSICOS
DE DESIGN
PRINCÍPIOS BÁSICOS DE DESIGN

 CONTRASTE

        REPETIÇÃO

                   ALINHAMENTO

                              PROXIMIDADE
CONTRASTE

 Serve para evitar elementos meramente similares em uma
  página.

 Se um tipo, cor, tamanho, espessura de linha não forem os
  mesmos, deve-se diferenciá-los completamente.

 É a parte mais importante para atração de uma página.
CONTRASTE
- EXEMPLOS -
CONTRASTE

1     2
CONTRASTE

1    2
CONTRASTE
1   2
REPETIÇÃO

 Repetição de elementos visuais dentro de espaço

 Você poderá repetir cor, forma, textura, fontes, criando uma
  organização e unidade gráfica
REPETIÇÃO
- EXEMPLOS -
REPETIÇÃO
1


     2
REPETIÇÃO
REPETIÇÃO
1    2
ALINHAMENTO

 Não deve ser colocado de forma arbitrária

 Deve haver ligação com outro elemento da página
ALINHAMENTO
 - EXEMPLOS -
ALINHAMENTO
ALINHAMENTO
ALINHAMENTO


 Não se deve usar títulos
  centralizados e texto alinhado
  a esquerda

 A sensação de texto solto e
  desorganizado
ALINHAMENTO



      QUAIS OS
     PONTOS 7
       PONTOS
DESALINHADOS?
PROXIMIDADE

 Itens relacionados entre si devem ser agrupados

 Quando estão próximos tornam-se uma unidade visual
  integrada
PROXIMIDADE
 - EXEMPLOS -
PROXIMIDADE
1      2
PROXIMIDADE
1      2
BIBLIOGRAFIA
   Williams, Robin. Design para Quem não é designer. Editora Callis

   COLLARO, Projeto Gráfico: teoria e Prática da Diagramação.
   SummusEditorial
PROF. SERGIO XAVIER
E-MAIL: SERGIOSX@GMAIL.COM

Más contenido relacionado

Destacado

Jornalismo de revista capas 2
Jornalismo de revista   capas 2Jornalismo de revista   capas 2
Jornalismo de revista capas 2Barreto
 
Plano de Comunicação - Banda Saia de Roda
Plano de Comunicação - Banda Saia de RodaPlano de Comunicação - Banda Saia de Roda
Plano de Comunicação - Banda Saia de RodaCássio Andrade
 
Escola de comunicação - Laboratório de Jornal - 2013
Escola de comunicação - Laboratório de Jornal - 2013Escola de comunicação - Laboratório de Jornal - 2013
Escola de comunicação - Laboratório de Jornal - 2013Ruy Ferrari
 
Oração de são francisco meditada
Oração de são francisco   meditadaOração de são francisco   meditada
Oração de são francisco meditadaRuy Ferrari
 
Imersão interativa em versões digitais de jornais favorece o consumo da infor...
Imersão interativa em versões digitais de jornais favorece o consumo da infor...Imersão interativa em versões digitais de jornais favorece o consumo da infor...
Imersão interativa em versões digitais de jornais favorece o consumo da infor...Rita Paulino
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Jornalismo Impresso Vs Jornalismo On Line
Jornalismo Impresso Vs Jornalismo On LineJornalismo Impresso Vs Jornalismo On Line
Jornalismo Impresso Vs Jornalismo On Lineolguete
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmodaAline Okumura
 
Produção Autoral
Produção AutoralProdução Autoral
Produção AutoralYu Amaral
 
Criação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias SociaisCriação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias SociaisYu Amaral
 
Breve introdução ao design - parte 1
Breve introdução ao design - parte 1Breve introdução ao design - parte 1
Breve introdução ao design - parte 1Yu Amaral
 

Destacado (20)

Aula07 planejamento grafico
Aula07 planejamento graficoAula07 planejamento grafico
Aula07 planejamento grafico
 
Aula01 planejamento grafico
Aula01 planejamento graficoAula01 planejamento grafico
Aula01 planejamento grafico
 
Jornalismo de revista capas 2
Jornalismo de revista   capas 2Jornalismo de revista   capas 2
Jornalismo de revista capas 2
 
Plano de Comunicação - Banda Saia de Roda
Plano de Comunicação - Banda Saia de RodaPlano de Comunicação - Banda Saia de Roda
Plano de Comunicação - Banda Saia de Roda
 
Aula02 arquitetura informacao
Aula02 arquitetura informacaoAula02 arquitetura informacao
Aula02 arquitetura informacao
 
Escola de comunicação - Laboratório de Jornal - 2013
Escola de comunicação - Laboratório de Jornal - 2013Escola de comunicação - Laboratório de Jornal - 2013
Escola de comunicação - Laboratório de Jornal - 2013
 
Oração de são francisco meditada
Oração de são francisco   meditadaOração de são francisco   meditada
Oração de são francisco meditada
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 
Imersão interativa em versões digitais de jornais favorece o consumo da infor...
Imersão interativa em versões digitais de jornais favorece o consumo da infor...Imersão interativa em versões digitais de jornais favorece o consumo da infor...
Imersão interativa em versões digitais de jornais favorece o consumo da infor...
 
Aula02 - Jornal Laboratório
Aula02 - Jornal LaboratórioAula02 - Jornal Laboratório
Aula02 - Jornal Laboratório
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
Jornalismo Impresso Vs Jornalismo On Line
Jornalismo Impresso Vs Jornalismo On LineJornalismo Impresso Vs Jornalismo On Line
Jornalismo Impresso Vs Jornalismo On Line
 
Apresentação enpmoda
Apresentação enpmodaApresentação enpmoda
Apresentação enpmoda
 
Capas
CapasCapas
Capas
 
Pólos em Rede
Pólos em RedePólos em Rede
Pólos em Rede
 
Direção de Arte
Direção de ArteDireção de Arte
Direção de Arte
 
Gestao de produto em Portugal
Gestao de produto em PortugalGestao de produto em Portugal
Gestao de produto em Portugal
 
Produção Autoral
Produção AutoralProdução Autoral
Produção Autoral
 
Criação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias SociaisCriação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias Sociais
 
Breve introdução ao design - parte 1
Breve introdução ao design - parte 1Breve introdução ao design - parte 1
Breve introdução ao design - parte 1
 

Más de IBMR Laureate International Universities

A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasIBMR Laureate International Universities
 

Más de IBMR Laureate International Universities (20)

Palestra como_criar_uma_logo_no_illustrator
 Palestra como_criar_uma_logo_no_illustrator Palestra como_criar_uma_logo_no_illustrator
Palestra como_criar_uma_logo_no_illustrator
 
Você está preparado para ser um profissional 3.0?
 Você está preparado para ser um profissional 3.0? Você está preparado para ser um profissional 3.0?
Você está preparado para ser um profissional 3.0?
 
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresasA visão das redes sociais como ferramenta de ampliação de negócios nas empresas
A visão das redes sociais como ferramenta de ampliação de negócios nas empresas
 
Aula13 editoracao eletronica
Aula13 editoracao eletronicaAula13 editoracao eletronica
Aula13 editoracao eletronica
 
Aula10 editoracao eletronica
Aula10 editoracao eletronicaAula10 editoracao eletronica
Aula10 editoracao eletronica
 
Aula07 midia digital
Aula07 midia digitalAula07 midia digital
Aula07 midia digital
 
Aula06 midia digital
Aula06 midia digitalAula06 midia digital
Aula06 midia digital
 
Aula03 editoracao eletronica
Aula03 editoracao eletronicaAula03 editoracao eletronica
Aula03 editoracao eletronica
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula05 midia digital
 
Aula04 midia digital
Aula04 midia digitalAula04 midia digital
Aula04 midia digital
 
Aula02 editoracao eletronica
Aula02 editoracao eletronicaAula02 editoracao eletronica
Aula02 editoracao eletronica
 
Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 
Aula03 midia digital
Aula03 midia digitalAula03 midia digital
Aula03 midia digital
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula02 midia digital
 
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 midia digital
 
Aula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias DigitaisAula01 - Estudo de Novas Mídias Digitais
Aula01 - Estudo de Novas Mídias Digitais
 
Aula05 prod grafica
Aula05 prod graficaAula05 prod grafica
Aula05 prod grafica
 
Aula06 webdesign
Aula06 webdesignAula06 webdesign
Aula06 webdesign
 
Aula05 webdesign
Aula05 webdesignAula05 webdesign
Aula05 webdesign
 
Aula04 prod grafica
Aula04 prod graficaAula04 prod grafica
Aula04 prod grafica
 

Princípios básicos de design