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.
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
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
•  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

Fundamentos de um bom layout

  • 1.
  • 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 oespaç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 devários elementos para criar harmonia
  • 10.
    Utilização de várioselementos 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 deforma com elementos integrados
  • 16.
    Equilíbrio e Harmonia Combinar e Posicionar vários elementos
  • 17.
    Como trabalhar comvá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 comvá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 comvá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
  • 22.
  • 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árioselementos 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çoe 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