processo - rickardo
TRANSCRIPT
Composição gráfica Elementos básicos da comunicação visual
Computação Gráfica Odair Cavichioli Jr.
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
2
Computação Gráfica Odair Cavichioli Jr.
Grafismos
O elementos
combinados em um
grafismo surge o
resultado final com
uma série de
conceitos próprios
3
Computação Gráfica Odair Cavichioli Jr.
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.
Computação Gráfica Odair Cavichioli Jr.
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.
Computação Gráfica Odair Cavichioli Jr.
Geometrização 6
Computação Gráfica Odair Cavichioli Jr.
Geometrização 7
Computação Gráfica Odair Cavichioli Jr.
Geometrização 8
Computação Gráfica Odair Cavichioli Jr.
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.
9
Computação Gráfica Odair Cavichioli Jr.
Agrupamento 10
Computação Gráfica Odair Cavichioli Jr.
Agrupamento 11
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
Computação Gráfica Odair Cavichioli Jr.
Agrupamento 12
Computação Gráfica Odair Cavichioli Jr.
Agrupamento 13
Computação Gráfica Odair Cavichioli Jr.
Contraste
Intensidade de visualização de cada elemento com
relação aos que lhe rodeiam e ao grafismo
completo.
14
Computação Gráfica Odair Cavichioli Jr.
Contraste 15
Computação Gráfica Odair Cavichioli Jr.
Contraste 16
Computação Gráfica Odair Cavichioli Jr.
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
Computação Gráfica Odair Cavichioli Jr.
Equilíbrio
Alinhamento
esquerdo
Padrão de leitura ocidental
As pessoas reconhecem
com mais naturalidade
18
Alinhamento
Direito
Algumas pessoas
interpretam como irregular
Alinhamento
Centralizado
Se for para centralizar, faça
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
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.
Computação Gráfica Odair Cavichioli Jr.
Equilíbrio 19
Computação Gráfica Odair Cavichioli Jr.
Equilíbrio 20
Computação Gráfica Odair Cavichioli Jr.
Equilíbrio 21
Computação Gráfica Odair Cavichioli Jr.
Equilíbrio em ênfase no contraste 22
Computação Gráfica Odair Cavichioli Jr.
Equilíbrio assimétrico 23
Computação Gráfica Odair Cavichioli Jr.
Proporção
Para manter o equilíbrio, é importante que as áreas
com conteúdos tenham o mesmo volume visual de
informação.
24
Computação Gráfica Odair Cavichioli Jr.
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
25
Computação Gráfica Odair Cavichioli Jr.
Harmonia 26
Computação Gráfica Odair Cavichioli Jr.
Harmonia 27
Computação Gráfica Odair Cavichioli Jr.
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
Computação Gráfica Odair Cavichioli Jr.
Direção Visual 29
Computação Gráfica Odair Cavichioli Jr.
Direção Visual 30
Magazine Spread
Yedilat (mantric)
http://mantric.deviantart.com/
Computação Gráfica Odair Cavichioli Jr.
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
31
Computação Gráfica Odair Cavichioli Jr.
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
32
Computação Gráfica Odair Cavichioli Jr.
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
33
Computação Gráfica Odair Cavichioli Jr.
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.
34
Computação Gráfica Odair Cavichioli Jr.
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
35
Computação Gráfica Odair Cavichioli Jr.
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
36
Computação Gráfica Odair Cavichioli Jr.
Movimentos óbvios de narrativa visual
Cruz
Utilizada para separar poucos
elementos, aproveitando
melhor o espaço
Sugere dinamismo e
modernidade
37
Ad layout - 3
Dennis Wang (dennisong)
http://dennisong.deviantart.com/
Computação Gráfica Odair Cavichioli Jr.
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
38
magazine-converse
Derrick Fong (derrickfong)
http://derrickfong.deviantart.com/
Computação Gráfica Odair Cavichioli Jr.
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.
39
Computação Gráfica Odair Cavichioli Jr.
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.
40
Computação Gráfica Odair Cavichioli Jr.
Ritmo linear 41
Computação Gráfica Odair Cavichioli Jr.
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.
42
Workshop PTK Undiksha 2011
Herry Sucahya (herryC)
http://herryc.deviantart.com/
Computação Gráfica Odair Cavichioli Jr.
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.
43
Visual Magazine Cover
Cristhian (burnsflipper)
http://burnsflipper.deviantart.com/
Computação Gráfica Odair Cavichioli Jr.
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.
Computação Gráfica Odair Cavichioli Jr.
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.
45
Computação Gráfica Odair Cavichioli Jr.
Cores 46
Computação Gráfica Odair Cavichioli Jr.
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.
Computação Gráfica Odair Cavichioli Jr.
48
Respiro
Computação Gráfica Odair Cavichioli Jr.
49
Respiro
Computação Gráfica Odair Cavichioli Jr.
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
Computação Gráfica Odair Cavichioli Jr.
Para pesquisa
Gestalt
Minimalismo
Art Nouveau
Construtivismo Russo
51
Composição gráfica Elementos básicos da comunicação visual
Odair Cavichioli Júnior www.odaircavichioli.com.br