Composição

gráfica
Elementos  básicos  da  comunicação  visual    
Grafismos
•  São elementos visuais que ajudam a comunicar
uma mensagem.

•  Elementos  gráficos  simples:  pontos  e  linhas  de  todo  6po  (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,  u6lizadas  para  
apresentar  mensagens  textuais.    
•  Gráficos:  logo6pos,  ícones,  etc.    
•  Ilustrações  
•  Fotografias  
Grafismos
•  O elementos
combinados em um
grafismo surge o
resultado final com
uma série de conceitos
próprios

3
Design invisível

•  Um bom projeto editorial 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.

4
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.
5
Geometrização

6
Geometrização

7
Geometrização

8
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.    
•  ConBnuidade:  Nossa  mente  tende  a  agrupar  aqueles  elementos  
que  têm  uma  con6nuidade  significa6va.    
•  Simetria:  Tendemos  a  agrupar  os  elementos  para  que  apareçam  
ordenados  formando  figuras  conhecidas.  

9
Agrupamento

10
Agrupamento
CD ROMs
CD ROMs Multimídia
Multimídia CDS para crianças
CDS para crianças CDS educacionais
CDS educacionais
Educacional Educacional
Aprendizado inicial Aprendizado inicial
Idiomas Idiomas
Material do Professor
Livros Material do Professor
Maerial do professor Livros
Vídeos Maerial do professor
Hardware & Acessórios Vídeos
Cabos
Dispositivos Hardware & Acessórios
Memória Cabos
Modems Dispositivos 11
Modems
Agrupamento

12
Agrupamento

13
Contraste
•  Intensidade de visualização de cada elemento
com relação aos que lhe rodeiam e ao grafismo
completo.

14
Contraste

15
Contraste

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

17
 Equilíbrio
Alinhamento Alinhamento Alinhamento  Direito  
esquerdo
Centralizado §  Algumas pessoas
•  Padrão  de  leitura  ocidental  
•  As  pessoas  reconhecem  com   interpretam como irregular
§  Se for para centralizar, faça
mais  naturalidade  
com que seja óbvio

A l i n h a m e n t o J u s t i f i c a d o
§  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.
18
Equilíbrio

19
Equilíbrio

20
Equilíbrio

21
Equilíbrio em ênfase no
contraste

22
Equilíbrio assimétrico

23
Proporção
•  Para manter o equilíbrio, é importante que as
áreas com conteúdos tenham o mesmo volume
visual de informação.

24
Harmonia
•  O cérebro tende a perceber mais rápido e fácil as
formas organizadas.

•  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
25
Harmonia

26
Harmonia

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

28
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
29
Movimentos óbvios de
narrativa visual
•  Diagonal
•  Os  olhos  seguem  uma  vér6ce  
por  pontos  opostos  
•  Gera  uma  linha  imaginária  que  
divide  a  composição  
•  Deve-­‐se  evitar  a  igualdade  
excessiva  

30
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  

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

32
Movimentos óbvios de
narrativa visual
•  Z
•  Possui  um  movimento  vigoroso  
e  defini6vo  
•  Similar  a  movimentação  em  S,  
mas  com  mais  intensidade  e  
velocidade  na  leitura  

33
Movimentos óbvios de
narrativa visual
•  L ou Ângulo reto
•  U6lizadas  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  

34
Movimentos óbvios de
narrativa visual
•  Cruz
•  U6lizada  para  separar  poucos  
elementos,  aproveitando  
melhor  o  espaço  
•  Sugere  dinamismo  e  
modernidade  

35
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  

36
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 37

olhos pelos pontos de interesse.

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  ver6cais  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.
38
Ritmo linear

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

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

41

Visual Magazine Cover

Cristhian (burnsflipper)
http://burnsflipper.deviantart.com/
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.

42
Respiro

43
Respiro

44