Composição gráfica
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Composição gráfica

on

  • 20,749 views

Elementos básicos da comunicação visual

Elementos básicos da comunicação visual

Statistics

Views

Total Views
20,749
Views on SlideShare
20,682
Embed Views
67

Actions

Likes
14
Downloads
807
Comments
1

6 Embeds 67

http://escadesenho.wordpress.com 39
http://graficaagenda.com.br 15
https://cursosrapidosonline.com.br 7
https://www.cursosonlinecursos.com.br 3
https://www.xn--cursosonlinedaeducao-7yb1g.com.br 2
https://twitter.com 1

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Composição gráfica Presentation Transcript

  • 1. Composição gráfica Elementos básicos da comunicação visual
  • 2. Grafismos
    • São elementos visuais que ajudam a comunicar uma mensagem.
      • Elementos gráficos simples: pontos e linhas de todo tipo (livres, retas, quebradas curvas, etc.)
      • Elementos geométricos, com ou sem contorno: polígonos, círculos, elipses, ovais, etc.
      • Tipos: letras de diferentes formas e estrutura, utilizadas para apresentar mensagens textuais.
      • Gráficos: logotipos, ícones, etc.
      • Ilustrações
      • Fotografias
  • 3. Grafismos
    • O elementos combinados em um grafismo surge o resultado final com uma série de conceitos próprios
  • 4. Design invisível
    • Um bom projeto editorial é aquele que conduz os olhos dos leitores sem se tornar o elemento principal.
    • Deve existir um equilíbrio entre a informação visual e a informação textual.
  • 5. Geometrização
    • Ênfase nos pontos de visão direta e visão periférica com as informações principais da matéria.
    • A fotografia tem uma grande importância no traçado geométrico de uma página.
    • Os olhos das pessoas caminham pela página de acordo com a força visual de cada elemento apresentado na diagramação.
    • Esse traçado geométrico feito, inconscientemente, pelos olhos transmite ao cérebro informações de caráter sinestésico, além de facilitar ou dificultar o entendimento geral.
  • 6. Geometrização
  • 7. Geometrização
  • 8. Geometrização
  • 9. Agrupamento
    • Conjuntos de elementos relacionados mediante sua hierarquia de informação, levando em consideração os seguintes critérios:
      • Proximidade: Tendemos a agrupar aqueles objetos que estão próximos, mais pertos entre si.
      • Semelhança: Tendemos a agrupar os elementos iguais ou parecidos.
      • Continuidade: Nossa mente tende a agrupar aqueles elementos que têm uma continuidade significativa.
      • Simetria: Tendemos a agrupar os elementos para que apareçam ordenados formando figuras conhecidas.
  • 10. Agrupamento
  • 11. Agrupamento CD ROMs Multimídia CDS para crianças CDS educacionais Educacional Aprendizado inicial Idiomas Material do Professor Livros Maerial do professor Vídeos Hardware & Acessórios Cabos Dispositivos Memória Modems CD ROMs Multimídia CDS para crianças CDS educacionais Educacional Aprendizado inicial Idiomas Material do Professor Livros Maerial do professor Vídeos Hardware & Acessórios Cabos Dispositivos Modems
  • 12. Agrupamento
  • 13. Agrupamento
  • 14. Contraste
    • Intensidade de visualização de cada elemento com relação aos que lhe rodeiam e ao grafismo completo.
  • 15. Contraste
  • 16. Contraste
  • 17. Equilíbrio
    • A assimetria ou simetria excessiva pode afastar o interesse e dificultar a leitura.
    • Leve em conta o perfil do público para determinar se simétrico ou o assimétrico é o melhor.
  • 18. Equilíbrio
    • Alinhamento esquerdo
      • Padrão de leitura ocidental
      • As pessoas reconhecem com mais naturalidade
    • Alinhamento Direito
      • Algumas pessoas interpretam como irregular
    • Alinhamento Centralizado
      • Se for para centralizar, faça com que seja óbvio
    • Alinhamento Justificado
      • Algumas pessoas tendem a ter uma visualização blocada do conteúdo, forçando o enquadramento de forma geométrica.
      • Só utilize esse tipo de alinhamento se a distância entre as palavras obedecerem a regra da entrelinha, evitando gerar espaços vazios entre as palavras.
  • 19. Equilíbrio
  • 20. Equilíbrio
  • 21. Equilíbrio
  • 22. Equilíbrio em ênfase no contraste
  • 23. Equilíbrio assimétrico
  • 24. Proporção
    • Para manter o equilíbrio, é importante que as áreas com conteúdos tenham o mesmo volume visual de informação.
  • 25. Harmonia
    • O cérebro tende a perceber mais rápido e fácil as formas organizadas (Pregnância, Leis da Gestalt).
    • A pregnância de uma forma pode ser medida de acordo com sua:
      • Legibilidade
      • Compreensão
      • Máximo de clareza possível
    • Sua utilização pode ser aplicada estrategicamente como recurso de narrativa para controlar a leitura
  • 26. Harmonia
  • 27. Harmonia
  • 28. Direção Visual
    • Diagramação que conduz a leitura de um conteúdo de forma controlada como elemento de narrativa.
    • O intuito é direcionar o olho da pessoas para pontos estratégicos e dar uma sensação de movimento.
  • 29. Direção Visual
  • 30. Direção Visual Magazine Spread Yedilat (mantric) http://mantric.deviantart.com/
  • 31. Direção Visual
    • Diagramação que conduz a leitura de um conteúdo
    • Diagonal
    • Triangular ou pirâmide
    • S
    • Z
    • L ou Ângulo reto
    • Circulo
    • Cruz
  • 32. Movimentos óbvios de narrativa visual
    • Diagonal
      • Os olhos seguem uma vértice por pontos opostos
      • Gera uma linha imaginária que divide a composição
      • Deve-se evitar a igualdade excessiva
  • 33. Movimentos óbvios de narrativa visual
    • Triangular ou pirâmide
      • Aplicada em composições simétricas, com peso e solidez marcados na base
      • Assegura unidade do conjunto
      • Estabiliza o equilíbrio
  • 34. Movimentos óbvios de narrativa visual
    • S
      • Sugere ação e graça
      • Permite uma leitura em etapas
      • Se houver massas muito concentradas e distantes (sem unidade) provoca uma dispersão visual na leitura.
  • 35. Movimentos óbvios de narrativa visual
    • Z
      • Possui um movimento vigoroso e definitivo
      • Similar a movimentação em S, mas com mais intensidade e velocidade na leitura
  • 36. Movimentos óbvios de narrativa visual
    • L ou Ângulo reto
      • Utilizadas para indicar algo
      • Relaciona diretamente um objeto para a informação
      • O movimento é muito mais vigoroso, por isso, deve-se tomar muito cuidado com a unidade, pois a leitura pode conduzir para fora da comunciação
  • 37. Movimentos óbvios de narrativa visual
    • Cruz
      • Utilizada para separar poucos elementos, aproveitando melhor o espaço
      • Sugere dinamismo e modernidade
    Ad layout - 3 Dennis Wang (dennisong) http://dennisong.deviantart.com/
  • 38. Movimentos óbvios de narrativa visual
    • Círculo
      • Cria uma sensação de fluxo
      • Possibilita uma sequência de leitura
      • Relaciona elementos a um tema central
    magazine-converse Derrick Fong (derrickfong) http://derrickfong.deviantart.com/
  • 39. Ritmo
    • Movimento, massa e harmonia podem sugerir ritmo, tornando a leitura de alguns elementos mais rápidos ou lentos.
    • Podem ser pontuados por:
      • Linha
      • Massa
      • Tom
      • Cor
      • Texto
    • É utilizado para manipular a leitura, oferecendo um “caminho” confortável e racional, orientando os olhos pelos pontos de interesse.
  • 40. Impressões do ritmo
    • Quando traçam uma linha imaginária linear, podem sugerir sensações durante a leitura.
      • Retas sugerem força
      • Linhas horizontais sugerem calma ou harmonia
      • Linhas verticais sugerem elevação ou sublimidade
      • Curvas sugerem ação, energia, sensualidade e graça
    • Essas sensação são importantes porque impressionam e ajudam a fixar a comunicação na memória.
  • 41. Ritmo linear
  • 42. Ritmo dinâmico
    • Composição que impõem um ritmo diferenciado combinando cores, linhas ou formas.
    • O tempo de leitura varia de acordo com a ênfase desejada.
    Workshop PTK Undiksha 2011 Herry Sucahya (herryC) http://herryc.deviantart.com/
  • 43. Ritmo estacionário
    • Relacionada as leis fundamentais da decoração.
    • O objetivo é fazer com que o olho fixe em um conteúdo, aumentando seu tempo de leitura de forma estratégica.
    Visual Magazine Cover Cristhian (burnsflipper) http://burnsflipper.deviantart.com/
  • 44. Tipografia
    • Usar uma fonte inadequada para o conteúdo pode provocar a falta de vontade de terminar a leitura de uma matéria.
    • Algumas características gráficas das letras podem dificultar muito a leitura e, conseqüentemente, a assimilação do conteúdo.
    • Existe uma sinestesia tipológica que deveria ser pensada, analisada, pesquisada e usada.
    • Infelizmente a preocupação com o conjunto tipográfico de uma publicação é uma questão pouco valorizada pela grande maioria dos impressos nacionais.
  • 45. Cores
    • A cor tem um impacto na quantidade de segundos necessários para o cérebro assimilar, fazendo uma pessoa ficar com seus olhos fixos nela.
    • Um detalhe colorido pode destruir a linha de leitura de uma página.
    • As cores devem ser usadas para localização das editorias, ajudando na seqüência de leitura desejada pelo editor.
    • Também deve tomar cuidado com as sensações que as cores podem transmitir junto com a leitura.
  • 46. Cores
  • 47. Respiro
    • Equilíbrio entre áreas com e sem informação deve ser bem observado.
    • Esses espaços em branco funcionam como área de respiro para uma página ajudando o ritmo de leitura.
    • Essas áreas de descanso visual devem ser usadas de acordo com a necessidade editorial de um assunto, além de representar os anseios estéticos de um determinado público.
  • 48. Respiro
  • 49. Respiro
  • 50. Referência bibliográfica
    • As informações contidas nessa apresentação foram elaboradas com base na minha experiência profissional que, em algum momento, podem contradizer o que é explicado na teoria.
    • Existem algumas informações que são encontradas na Wikipédia. Porém, como seu conteúdo pode ser alterado por qualquer pessoa, sua credibilidade é questionável. Só utilize informações da Wikipédia se você já conhece o assunto e concorda com as definições.
    • O design gráfico como elemento de linguagem editorial
      • Márcia Okida
      • http://www.designgrafico.art.br/comapalavra/linguagemeditorial.htm
    • Criaçao Visual e Multimidia
      • João Vicente Cegato Bertomeu
      • Editora Cengage
      • 2009
    • Projeto Gráfico: Teoria e Prática da Diagramação
      • Antônio Celso Collaro
      • Editora Summus Editorial
      • 2006
    • Planejamento Visual Gráfico
      • Milton Ribeiro
      • Editora LGE
      • 2007
  • 51. Para pesquisa
    • Gestalt
    • Minimalismo
    • Art Nouveau
    • Construtivismo Russo
  • 52. Composição gráfica Elementos básicos da comunicação visual Odair Cavichioli Júnior www.odaircavichioli.com.br