SlideShare uma empresa Scribd logo
Princípios de Design

Fundamentos para um bom
                  layout
Formas Básicas
   Configurar e Formar
Configurar e Formar
  Formato:   deve-se sempre pré-determinar
   qual será o formato de sua publicação.
  Por exemplo se for um jornal: tamanho
   tablóide, standard; se uma revista, um
   folheto, etc.
  Quanto ao formato, na hora de escolher
   também deve-se levar em conta o valor da
   impressão, se será em cores ou não.
  Para determinar o custo da publicação.
Configurar e Formar
  Depois  de pensar no formato, deve-se
   pensar no aspecto estético e o tipo da
   publicação.
  Se usar imagens, o conteúdo de texto poderá
   ser distribuído em torno das imagens. Se for
   apenas texto, resultará num formato
   específico.
  Tem que pensar no resultado que quer obter.
Formas Básicas
  Como usar o espaço
Como usar o espaço
  A localização exata dos elementos em
   qualquer layout é decisiva para estabelecer
   equilíbrio e harmonia.
  A forma como você irá dispor uma única
   palavra, por exemplo, pode evocar diferentes
   percepções.
Fundamentos de um bom layout
Fundamentos de um bom layout
Formas Básicas
Utilização de vários elementos
            para criar harmonia
Utilização de vários elementos
para criar harmonia
  Quanto   mais elementos, mais opções para o
   layout.
  Pode-se alterar tamanho, ângulo e
   orientação dos diferentes elementos para
   estabelecer o equilíbrio entre eles na página.
  Sempre tem que ter em mente qual é o
   elemento mais importante: o título ou a
   imagem.
  Veja o exemplo »»
Predomínio do Título




         TÍTULO
         But I must explain to you how all this mistaken idea of
         denouncing pleasure and praising pain was born and I
         will give you a complete account of the system, and
         expound the actual teachings of the
Fundamentos de um bom layout
Predomínio da Imagem




                                            Título
          But I must explain to you how all this mistaken idea of denouncing
         pleasure and praising pain was born and I will give you a complete
       account of the system, and expound the actual teachings of the great
       explorer of the truth, the master-builder of human happiness. No one
        rejects, dislikes, or avoids pleasure itself, because it is pleasure, but
          because those who do not know how to pursue pleasure rationally
                                            encounter consequences that are
Fundamentos de um bom layout
•  Mudança de forma com elementos
   integrados
Equilíbrio e Harmonia
   Combinar e Posicionar vários
                     elementos
Como trabalhar com vários
elementos
  Primeiro: avaliar a importância relativa de
   cada elemento e o destaque necessário que
   quer dar a cada um.
  Comece selecionando o tipo a ser utilizado,
   tamanho e impacto para o título.
  Em seguida, faça a mesma coisa para
   subtítulos e para o texto.
Como trabalhar com vários
elementos
  Quanto   ao texto principal, também deve-se
   decidir o tamanho (ou corpo) do tipo.
  Quantas colunas deverá ocupar.

  Qual será a relação entre o título e o número
   de colunas?
  As imagens se encaixam na largura das
   colunas, vão aparecer reduzidas ou ocupar
   bastante espaço?
Como trabalhar com vários
elementos
  Veja
      os exemplos de decisões que podemos
  tomar:
Disposição simétrica



                                    Título
      But I must explain to you how all this
      mistaken idea of denouncing
      pleasure and praising pain was born
      and I will give you a complete
      account of the system, and expound
      the actual teachings of the great
      explorer of the truth, the master-
      builder of human happiness. No one
      rejects, dislikes, or avoids pleasure
      itself, because it is pleasure, but
      because those who do not know how
      to pursue pleasure rationally
      encounter consequences that are
Disposição assimétrica




      Título
      But I must explain to you how all this
      mistaken idea of denouncing
      pleasure and praising pain was born
      and I will give you a complete
      account of the system, and expound
      the actual teachings of the great
      explorer of the truth, the master-
      builder of human happiness. No one
      rejects, dislikes, or avoids pleasure
      itself, because it is
Exercícios
Configurar e Formar
  Pegue    uma receita qualquer e uma
   ilustração, foto para a receita.
  Coloque no formato Meia carta (Letter –
   half), tamanho 11 pt.
  Junte os elementos que melhorem a clareza
   do texto
Utilização de vários elementos
para criar harmonia
    Procure uma fotografia adequada e um texto que a
     acompanhe. A fotografia deverá ocupar 80%. Diagrame
     isto em uma página.
    Em seguida, inverta esta proporção de modo que a
     fotografia ocupe 20% e o texto e o espaço em branco
     ocupem 80%. Experimente também alterar o ângulo do
     texto e da imagem. Diagrame isto em outra página.
    Para finalizar, defina as suas próprias proporções entre
     texto e imagem e composição. Diagrame isto em uma
     terceira página.
Utilização de espaço e colunas

    Determine o formato e a orientação de sua página. Não
     precisa ser somente A4, é livre.
    Quantidade de páginas: 1
    Selecione um texto qualquer e uma foto
    Diagrame este texto e a foto utilizando estes elementos:
       3 ou 4 colunas

       Foto

       1 título

       1 sub-título

Mais conteúdo relacionado

PDF
Principios Design
PDF
4 principios planejamento visual
PDF
PDF
Um pouco de arte parte 1
PDF
Um pouco de arte parte 2
PDF
Um pouco de arte parte 3
PDF
Fundamentos do Grid - parte 1
PDF
Fundamentos Do Grid Parte 2
Principios Design
4 principios planejamento visual
Um pouco de arte parte 1
Um pouco de arte parte 2
Um pouco de arte parte 3
Fundamentos do Grid - parte 1
Fundamentos Do Grid Parte 2

Destaque (12)

PPT
Planejamento gráfico editorial
PDF
Good design is good business - TDC 2015
PPTX
Design Power Point Update
PDF
Análise Planejamento Gráfico - Jornal O Globo
PDF
Biologia - Protozoários
PPT
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
PDF
Ficha resumo objetivo vol. 1
PDF
Protozoários e protozooses
PPTX
Principles Of Presentation Design- Designing In Power Point
PDF
Logística - princípios básicos
PDF
Visual Design with Data
Planejamento gráfico editorial
Good design is good business - TDC 2015
Design Power Point Update
Análise Planejamento Gráfico - Jornal O Globo
Biologia - Protozoários
Criação Publicitária - Aula 07 - Rafe e Direção de Arte
Ficha resumo objetivo vol. 1
Protozoários e protozooses
Principles Of Presentation Design- Designing In Power Point
Logística - princípios básicos
Visual Design with Data
Anúncio

Mais de renatamruiz (20)

PDF
Palestra espm
PDF
Blogs de moda: um fenômeno
PDF
Palestra joinville
PDF
Palestra jaraguá
PDF
Processos de impressao
PDF
Como escrever na web
PDF
Arquitetura de informação
PDF
Aula publicidade internet
PDF
Publicidade na internet
PDF
Comunicacao Digital
PDF
Alguns conceitos - Mídias Sociais
PDF
Diagramação
PDF
Teoria Das Cores
PDF
Cores E TransparêNcias
PPT
Tipologia
PDF
Planej Visual Os Quatros PrincíPios BáSicos
PDF
Um Pouco De Arte Parte III
PDF
Um Pouco De Arte Parte II
PDF
Um pouco de arte - parte I
PDF
Moda Para Usar
Palestra espm
Blogs de moda: um fenômeno
Palestra joinville
Palestra jaraguá
Processos de impressao
Como escrever na web
Arquitetura de informação
Aula publicidade internet
Publicidade na internet
Comunicacao Digital
Alguns conceitos - Mídias Sociais
Diagramação
Teoria Das Cores
Cores E TransparêNcias
Tipologia
Planej Visual Os Quatros PrincíPios BáSicos
Um Pouco De Arte Parte III
Um Pouco De Arte Parte II
Um pouco de arte - parte I
Moda Para Usar
Anúncio

Fundamentos de um bom layout

  • 2. Formas Básicas Configurar e Formar
  • 3. Configurar e Formar   Formato: deve-se sempre pré-determinar qual será o formato de sua publicação.   Por exemplo se for um jornal: tamanho tablóide, standard; se uma revista, um folheto, etc.   Quanto ao formato, na hora de escolher também deve-se levar em conta o valor da impressão, se será em cores ou não.   Para determinar o custo da publicação.
  • 4. Configurar e Formar   Depois de pensar no formato, deve-se pensar no aspecto estético e o tipo da publicação.   Se usar imagens, o conteúdo de texto poderá ser distribuído em torno das imagens. Se for apenas texto, resultará num formato específico.   Tem que pensar no resultado que quer obter.
  • 5. Formas Básicas Como usar o espaço
  • 6. Como usar o espaço   A localização exata dos elementos em qualquer layout é decisiva para estabelecer equilíbrio e harmonia.   A forma como você irá dispor uma única palavra, por exemplo, pode evocar diferentes percepções.
  • 9. Formas Básicas Utilização de vários elementos para criar harmonia
  • 10. Utilização de vários elementos para criar harmonia   Quanto mais elementos, mais opções para o layout.   Pode-se alterar tamanho, ângulo e orientação dos diferentes elementos para estabelecer o equilíbrio entre eles na página.   Sempre tem que ter em mente qual é o elemento mais importante: o título ou a imagem.   Veja o exemplo »»
  • 11. Predomínio do Título TÍTULO But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the
  • 13. Predomínio da Imagem Título But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are
  • 15. •  Mudança de forma com elementos integrados
  • 16. Equilíbrio e Harmonia Combinar e Posicionar vários elementos
  • 17. Como trabalhar com vários elementos   Primeiro: avaliar a importância relativa de cada elemento e o destaque necessário que quer dar a cada um.   Comece selecionando o tipo a ser utilizado, tamanho e impacto para o título.   Em seguida, faça a mesma coisa para subtítulos e para o texto.
  • 18. Como trabalhar com vários elementos   Quanto ao texto principal, também deve-se decidir o tamanho (ou corpo) do tipo.   Quantas colunas deverá ocupar.   Qual será a relação entre o título e o número de colunas?   As imagens se encaixam na largura das colunas, vão aparecer reduzidas ou ocupar bastante espaço?
  • 19. Como trabalhar com vários elementos   Veja os exemplos de decisões que podemos tomar:
  • 20. Disposição simétrica Título But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master- builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are
  • 21. Disposição assimétrica Título But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master- builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is
  • 23. Configurar e Formar   Pegue uma receita qualquer e uma ilustração, foto para a receita.   Coloque no formato Meia carta (Letter – half), tamanho 11 pt.   Junte os elementos que melhorem a clareza do texto
  • 24. Utilização de vários elementos para criar harmonia   Procure uma fotografia adequada e um texto que a acompanhe. A fotografia deverá ocupar 80%. Diagrame isto em uma página.   Em seguida, inverta esta proporção de modo que a fotografia ocupe 20% e o texto e o espaço em branco ocupem 80%. Experimente também alterar o ângulo do texto e da imagem. Diagrame isto em outra página.   Para finalizar, defina as suas próprias proporções entre texto e imagem e composição. Diagrame isto em uma terceira página.
  • 25. Utilização de espaço e colunas   Determine o formato e a orientação de sua página. Não precisa ser somente A4, é livre.   Quantidade de páginas: 1   Selecione um texto qualquer e uma foto   Diagrame este texto e a foto utilizando estes elementos:   3 ou 4 colunas   Foto   1 título   1 sub-título