SlideShare uma empresa Scribd logo
1 de 43
Baixar para ler offline
LAYOUT



         Danilo Aroeira
          danilo@ad.art.br
          danilo@ad art br
            www.ad.art.br
Layout
 Arranjo dos elementos do design em relação ao
  espaço que ocupam;
 G tã d f
  Gestão da forma e d espaço.
                    do

   O layout é influenciado pelo material a ser
       l       i fl     i d    l      i l
    apresentado, pelas preferências do cliente e pela
    criatividade do diretor de arte
                               arte.
RESOLUÇÃO DE IMAGEM
   Alta


                      300 dpi




   Baixa


                 72 dpi




   Vetorial


                      Cálculo matemático
CORES
FRAME E ROUGH
Planejamento e esboço do layout
Pl   j    t      b    d l     t
CONTRASTE
 Atrai a atenção do observador
 Muito expressivo; intensifica o significado e
  simplifica a comunicação.
   i lifi            i ã
 Acrescenta algo atrativo à peça




    TIPOS DE CONTRASTE
       Contraste de luz (tom);
       Contraste de disposição (ex. vertical e horizontal)
       Contraste de cor;
       Contraste de tamanho;
UTILIZAR
DUZIR
CICLAR
ALINHAMENTO
 Conexão visual entre os elementos
 Organização e coerência

 Auxilia o sentido da leitura e a hierarquia das
  informações
OUTROS EXEMPLOS
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout
Aula 03 layout

Mais conteúdo relacionado

Mais procurados (7)

Mapas mentais e mapas conceituais
Mapas mentais e mapas conceituaisMapas mentais e mapas conceituais
Mapas mentais e mapas conceituais
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
Aula 05 design gráfico na publicidade princípios de design
Aula 05   design gráfico na publicidade princípios de designAula 05   design gráfico na publicidade princípios de design
Aula 05 design gráfico na publicidade princípios de design
 
Aula 04 design gráfico na publicidade princípios de design
Aula 04   design gráfico na publicidade princípios de designAula 04   design gráfico na publicidade princípios de design
Aula 04 design gráfico na publicidade princípios de design
 
Tutorial mapa conceitual
Tutorial mapa conceitualTutorial mapa conceitual
Tutorial mapa conceitual
 
Estrategia de AI - Criando o Relatorio de Estratégia
Estrategia de AI  - Criando o Relatorio de EstratégiaEstrategia de AI  - Criando o Relatorio de Estratégia
Estrategia de AI - Criando o Relatorio de Estratégia
 
O que é o design
O que é o designO que é o design
O que é o design
 

Destaque

Arranjo físico (layout)
Arranjo físico (layout)Arranjo físico (layout)
Arranjo físico (layout)
Maritta Barbosa
 
Aula Gestão da Produção e Logística: Arranjo Físico
Aula Gestão da Produção e Logística: Arranjo FísicoAula Gestão da Produção e Logística: Arranjo Físico
Aula Gestão da Produção e Logística: Arranjo Físico
Wilian Gatti Jr
 
O que é dermaroller
O que é dermarollerO que é dermaroller
O que é dermaroller
Henriqueno
 
Principios Design
Principios DesignPrincipios Design
Principios Design
renatamruiz
 

Destaque (20)

Layout Fluido
Layout FluidoLayout Fluido
Layout Fluido
 
Apresentação Layout
Apresentação LayoutApresentação Layout
Apresentação Layout
 
Composição introdução
Composição   introduçãoComposição   introdução
Composição introdução
 
Arranjos Físico
 Arranjos Físico Arranjos Físico
Arranjos Físico
 
02 - Introdução a Projetos parte 2 - v1.0
02 - Introdução a Projetos parte 2 - v1.002 - Introdução a Projetos parte 2 - v1.0
02 - Introdução a Projetos parte 2 - v1.0
 
Layout designeditorial-20-b
Layout designeditorial-20-bLayout designeditorial-20-b
Layout designeditorial-20-b
 
Planejamento inicial layout
Planejamento inicial layoutPlanejamento inicial layout
Planejamento inicial layout
 
Arranjo físico (layout)
Arranjo físico (layout)Arranjo físico (layout)
Arranjo físico (layout)
 
Fluxograma & Layout
Fluxograma & LayoutFluxograma & Layout
Fluxograma & Layout
 
Aula Gestão da Produção e Logística: Arranjo Físico
Aula Gestão da Produção e Logística: Arranjo FísicoAula Gestão da Produção e Logística: Arranjo Físico
Aula Gestão da Produção e Logística: Arranjo Físico
 
Nona vita
Nona vitaNona vita
Nona vita
 
Bullying psicológico
Bullying psicológicoBullying psicológico
Bullying psicológico
 
Tirando Sua Ideia do Papel - Lições aprendidas com a Startup MeuCarrinho - An...
Tirando Sua Ideia do Papel - Lições aprendidas com a Startup MeuCarrinho - An...Tirando Sua Ideia do Papel - Lições aprendidas com a Startup MeuCarrinho - An...
Tirando Sua Ideia do Papel - Lições aprendidas com a Startup MeuCarrinho - An...
 
Editoração
EditoraçãoEditoração
Editoração
 
O que é dermaroller
O que é dermarollerO que é dermaroller
O que é dermaroller
 
Aula 6 - Higiene e Segurança do Trabalho
Aula 6 - Higiene e Segurança do TrabalhoAula 6 - Higiene e Segurança do Trabalho
Aula 6 - Higiene e Segurança do Trabalho
 
Suplicy Cafés Especiais
Suplicy Cafés EspeciaisSuplicy Cafés Especiais
Suplicy Cafés Especiais
 
Técnica de indução de colágeno
Técnica de indução de colágeno Técnica de indução de colágeno
Técnica de indução de colágeno
 
Principios Design
Principios DesignPrincipios Design
Principios Design
 
Gestalt do objeto
Gestalt do objetoGestalt do objeto
Gestalt do objeto
 

Mais de Danilo Aroeira

Propaganda: conceitos básicos
Propaganda: conceitos básicosPropaganda: conceitos básicos
Propaganda: conceitos básicos
Danilo Aroeira
 
Aula 14 - Arte sequencial em Propaganda - parte 2
Aula 14 - Arte sequencial em Propaganda - parte 2Aula 14 - Arte sequencial em Propaganda - parte 2
Aula 14 - Arte sequencial em Propaganda - parte 2
Danilo Aroeira
 
Aula 13 - Arte sequencial em Propaganda - parte 1
Aula 13 - Arte sequencial em Propaganda - parte 1Aula 13 - Arte sequencial em Propaganda - parte 1
Aula 13 - Arte sequencial em Propaganda - parte 1
Danilo Aroeira
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
Danilo Aroeira
 
Aula 01 direcao_de_arte_intro
Aula 01 direcao_de_arte_introAula 01 direcao_de_arte_intro
Aula 01 direcao_de_arte_intro
Danilo Aroeira
 

Mais de Danilo Aroeira (13)

Oficina de Ilustração Digital
Oficina de Ilustração DigitalOficina de Ilustração Digital
Oficina de Ilustração Digital
 
Propaganda: conceitos básicos
Propaganda: conceitos básicosPropaganda: conceitos básicos
Propaganda: conceitos básicos
 
Como montar um portfolio?
Como montar um portfolio?Como montar um portfolio?
Como montar um portfolio?
 
Ilustração Digital
Ilustração DigitalIlustração Digital
Ilustração Digital
 
Palestra identidade visual
Palestra identidade visualPalestra identidade visual
Palestra identidade visual
 
Aula 14 - Arte sequencial em Propaganda - parte 2
Aula 14 - Arte sequencial em Propaganda - parte 2Aula 14 - Arte sequencial em Propaganda - parte 2
Aula 14 - Arte sequencial em Propaganda - parte 2
 
Aula 13 - Arte sequencial em Propaganda - parte 1
Aula 13 - Arte sequencial em Propaganda - parte 1Aula 13 - Arte sequencial em Propaganda - parte 1
Aula 13 - Arte sequencial em Propaganda - parte 1
 
Aula 12 - Ilustracao e Direção de Arte
Aula 12 - Ilustracao e Direção de ArteAula 12 - Ilustracao e Direção de Arte
Aula 12 - Ilustracao e Direção de Arte
 
Aula 11 cor
Aula 11 corAula 11 cor
Aula 11 cor
 
Aula 05 outdoor
Aula 05 outdoorAula 05 outdoor
Aula 05 outdoor
 
Aula 04 inspiração
Aula 04 inspiraçãoAula 04 inspiração
Aula 04 inspiração
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
 
Aula 01 direcao_de_arte_intro
Aula 01 direcao_de_arte_introAula 01 direcao_de_arte_intro
Aula 01 direcao_de_arte_intro
 

Aula 03 layout

  • 1. LAYOUT Danilo Aroeira danilo@ad.art.br danilo@ad art br www.ad.art.br
  • 2. Layout  Arranjo dos elementos do design em relação ao espaço que ocupam;  G tã d f Gestão da forma e d espaço. do  O layout é influenciado pelo material a ser l i fl i d l i l apresentado, pelas preferências do cliente e pela criatividade do diretor de arte arte.
  • 3. RESOLUÇÃO DE IMAGEM  Alta 300 dpi  Baixa 72 dpi  Vetorial Cálculo matemático
  • 5. FRAME E ROUGH Planejamento e esboço do layout Pl j t b d l t
  • 6.
  • 7.
  • 8. CONTRASTE  Atrai a atenção do observador  Muito expressivo; intensifica o significado e simplifica a comunicação. i lifi i ã  Acrescenta algo atrativo à peça TIPOS DE CONTRASTE  Contraste de luz (tom);  Contraste de disposição (ex. vertical e horizontal)  Contraste de cor;  Contraste de tamanho;
  • 9.
  • 10.
  • 11.
  • 13.
  • 14.
  • 15. ALINHAMENTO  Conexão visual entre os elementos  Organização e coerência  Auxilia o sentido da leitura e a hierarquia das informações
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.