1) O documento descreve os elementos básicos da comunicação visual como pontos, linhas, formas geométricas, letras, gráficos e ilustrações. 2) Combinando esses elementos surgem grafismos que transmitem mensagens de forma concisa. 3) Técnicas como agrupamento, contraste, equilíbrio, harmonia e ritmo auxiliam na diagramação para conduzir a leitura de forma estratégica.

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