composição gráfica

Download Composição gráfica

Post on 28-Nov-2014

21.044 views

Category:

Design

3 download

Embed Size (px)

DESCRIPTION

Elementos básicos da comunicação visual

TRANSCRIPT

  • 1. Composio grfica Elementos bsicos da comunicao visual
  • 2. Grafismos
    • So elementos visuais que ajudam a comunicar uma mensagem.
      • Elementos grficos simples: pontos e linhas de todo tipo (livres, retas, quebradas curvas, etc.)
      • Elementos geomtricos, com ou sem contorno: polgonos, crculos, elipses, ovais, etc.
      • Tipos: letras de diferentes formas e estrutura, utilizadas para apresentar mensagens textuais.
      • Grficos: logotipos, cones, etc.
      • Ilustraes
      • Fotografias
  • 3. Grafismos
    • O elementos combinados em um grafismo surge o resultado final com uma srie de conceitos prprios
  • 4. Design invisvel
    • Um bom projeto editorial aquele que conduz os olhos dos leitores sem se tornar o elemento principal.
    • Deve existir um equilbrio entre a informao visual e a informao textual.
  • 5. Geometrizao
    • nfase nos pontos de viso direta e viso perifrica com as informaes principais da matria.
    • A fotografia tem uma grande importncia no traado geomtrico de uma pgina.
    • Os olhos das pessoas caminham pela pgina de acordo com a fora visual de cada elemento apresentado na diagramao.
    • Esse traado geomtrico feito, inconscientemente, pelos olhos transmite ao crebro informaes de carter sinestsico, alm de facilitar ou dificultar o entendimento geral.
  • 6. Geometrizao
  • 7. Geometrizao
  • 8. Geometrizao
  • 9. Agrupamento
    • Conjuntos de elementos relacionados mediante sua hierarquia de informao, levando em considerao os seguintes critrios:
      • Proximidade: Tendemos a agrupar aqueles objetos que esto prximos, mais pertos entre si.
      • Semelhana: Tendemos a agrupar os elementos iguais ou parecidos.
      • Continuidade: Nossa mente tende a agrupar aqueles elementos que tm uma continuidade significativa.
      • Simetria: Tendemos a agrupar os elementos para que apaream ordenados formando figuras conhecidas.
  • 10. Agrupamento
  • 11. Agrupamento CD ROMs Multimdia CDS para crianas CDS educacionais Educacional Aprendizado inicial Idiomas Material do Professor Livros Maerial do professor Vdeos Hardware & Acessrios Cabos Dispositivos Memria Modems CD ROMs Multimdia CDS para crianas CDS educacionais Educacional Aprendizado inicial Idiomas Material do Professor Livros Maerial do professor Vdeos Hardware & Acessrios Cabos Dispositivos Modems
  • 12. Agrupamento
  • 13. Agrupamento
  • 14. Contraste
    • Intensidade de visualizao de cada elemento com relao aos que lhe rodeiam e ao grafismo completo.
  • 15. Contraste
  • 16. Contraste
  • 17. Equilbrio
    • A assimetria ou simetria excessiva pode afastar o interesse e dificultar a leitura.
    • Leve em conta o perfil do pblico para determinar se simtrico ou o assimtrico o melhor.
  • 18. Equilbrio
    • Alinhamento esquerdo
      • Padro de leitura ocidental
      • As pessoas reconhecem com mais naturalidade
    • Alinhamento Direito
      • Algumas pessoas interpretam como irregular
    • Alinhamento Centralizado
      • Se for para centralizar, faa com que seja bvio
    • Alinhamento Justificado
      • Algumas pessoas tendem a ter uma visualizao blocada do contedo, forando o enquadramento de forma geomtrica.
      • S utilize esse tipo de alinhamento se a distncia entre as palavras obedecerem a regra da entrelinha, evitando gerar espaos vazios entre as palavras.
  • 19. Equilbrio
  • 20. Equilbrio
  • 21. Equilbrio
  • 22. Equilbrio em nfase no contraste
  • 23. Equilbrio assimtrico
  • 24. Proporo
    • Para manter o equilbrio, importante que as reas com contedos tenham o mesmo volume visual de informao.
  • 25. Harmonia
    • O crebro tende a perceber mais rpido e fcil as formas organizadas (Pregnncia, Leis da Gestalt).
    • A pregnncia de uma forma pode ser medida de acordo com sua:
      • Legibilidade
      • Compreenso
      • Mximo de clareza possvel
    • Sua utilizao pode ser aplicada estrategicamente como recurso de narrativa para controlar a leitura
  • 26. Harmonia
  • 27. Harmonia
  • 28. Direo Visual
    • Diagramao que conduz a leitura de um contedo de forma controlada como elemento de narrativa.
    • O intuito direcionar o olho da pessoas para pontos estratgicos e dar uma sensao de movimento.
  • 29. Direo Visual
  • 30. Direo Visual Magazine Spread Yedilat (mantric) http://mantric.deviantart.com/
  • 31. Direo Visual
    • Diagramao que conduz a leitura de um contedo
    • Diagonal
    • Triangular ou pirmide
    • S
    • Z
    • L ou ngulo reto
    • Circulo
    • Cruz
  • 32. Movimentos bvios de narrativa visual
    • Diagonal
      • Os olhos seguem uma vrtice por pontos opostos
      • Gera uma linha imaginria que divide a composio
      • Deve-se evitar a igualdade excessiva