Composio grfica

Elementos bsicos da comunicao visual

Grafismos

Computao Grfica Odair Cavichioli Jr. 2

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

Grafismos

Computao Grfica Odair Cavichioli Jr. 3

O elementos combinados em um

grafismo surge o
resultado final com uma srie de conceitos prprios

Design invisvel

Computao Grfica Odair Cavichioli Jr. 4

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.

Geometrizao

Computao Grfica Odair Cavichioli Jr. 5

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.

Geometrizao

Computao Grfica Odair Cavichioli Jr. 6

Geometrizao

Computao Grfica Odair Cavichioli Jr. 7

Geometrizao

Computao Grfica Odair Cavichioli Jr. 8

Agrupamento

Computao Grfica Odair Cavichioli Jr. 9

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.

Agrupamento

Computao Grfica Odair Cavichioli Jr. 10

Agrupamento

Computao Grfica Odair Cavichioli Jr. 11

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

Agrupamento

Computao Grfica Odair Cavichioli Jr. 12

Agrupamento

Computao Grfica Odair Cavichioli Jr. 13

Contraste

Computao Grfica Odair Cavichioli Jr. 14

Intensidade de visualizao de cada elemento com relao aos que lhe rodeiam e ao grafismo

completo.

Contraste

Computao Grfica Odair Cavichioli Jr. 15

Contraste

Computao Grfica Odair Cavichioli Jr. 16

Equilbrio

Computao Grfica Odair Cavichioli Jr. 17

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.

Equilbrio
Alinhamento esquerdo
Padro de leitura ocidental As pessoas reconhecem com mais naturalidade

Computao Grfica Odair Cavichioli Jr. 18

Alinhamento Centralizado
Se for para centralizar, faa com que seja bvio

Alinhamento Direito
Algumas pessoas interpretam como irregular

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

Equilbrio

Computao Grfica Odair Cavichioli Jr. 19

Equilbrio

Computao Grfica Odair Cavichioli Jr. 20

Equilbrio

Computao Grfica Odair Cavichioli Jr. 21

Equilbrio em nfase no contraste

Computao Grfica Odair Cavichioli Jr. 22

Equilbrio assimtrico

Computao Grfica Odair Cavichioli Jr. 23

Proporo

Computao Grfica Odair Cavichioli Jr. 24

Para manter o equilbrio, importante que as reas com contedos tenham o mesmo volume visual de

informao.

Harmonia

Computao Grfica Odair Cavichioli Jr. 25

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

Harmonia

Computao Grfica Odair Cavichioli Jr. 26

Harmonia

Computao Grfica Odair Cavichioli Jr. 27

Direo Visual

Computao Grfica Odair Cavichioli Jr. 28

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.

Direo Visual

Computao Grfica Odair Cavichioli Jr. 29

Direo Visual

Computao Grfica Odair Cavichioli Jr. 30

Magazine Spread Yedilat (mantric) http://mantric.deviantart.com/

Direo Visual

Computao Grfica Odair Cavichioli Jr. 31

Diagramao que conduz a leitura de um contedo

Diagonal
Triangular ou pirmide S Z L ou ngulo reto Circulo Cruz

Movimentos bvios de narrativa visual

Computao Grfica Odair Cavichioli Jr. 32

Diagonal
Os olhos seguem uma vrtice por pontos opostos Gera uma linha imaginria que divide a composio Deve-se evitar a igualdade excessiva

Movimentos bvios de narrativa visual

Computao Grfica Odair Cavichioli Jr. 33

Triangular ou pirmide
Aplicada em composies simtricas, com peso e solidez marcados na base Assegura unidade do conjunto Estabiliza o equilbrio

Movimentos bvios de narrativa visual

Computao Grfica Odair Cavichioli Jr. 34

S
Sugere ao e graa Permite uma leitura em etapas Se houver massas muito concentradas e distantes (sem unidade) provoca uma disperso visual na leitura.

Movimentos bvios de narrativa visual

Computao Grfica Odair Cavichioli Jr. 35

Z
Possui um movimento vigoroso e definitivo Similar a movimentao em S, mas com mais intensidade e velocidade na leitura

Movimentos bvios de narrativa visual

Computao Grfica Odair Cavichioli Jr. 36

L ou ngulo reto
Utilizadas para indicar algo Relaciona diretamente um objeto para a informao O movimento muito mais vigoroso, por isso, deve-se tomar muito cuidado com a unidade, pois a leitura pode conduzir para fora da comunciao

Movimentos bvios de narrativa visual

Computao Grfica Odair Cavichioli Jr. 37

Cruz
Utilizada para separar poucos elementos, aproveitando melhor o espao Sugere dinamismo e modernidade

Ad layout - 3 Dennis Wang (dennisong) http://dennisong.deviantart.com/

Movimentos bvios de narrativa visual

Computao Grfica Odair Cavichioli Jr. 38

Crculo
Cria uma sensao de fluxo Possibilita uma sequncia de leitura Relaciona elementos a um tema central

magazine-converse Derrick Fong (derrickfong) http://derrickfong.deviantart.com/

Ritmo

Computao Grfica Odair Cavichioli Jr. 39

Movimento, massa e harmonia podem sugerir ritmo, tornando a leitura de alguns elementos mais rpidos ou lentos. Podem ser pontuados por:
Linha Massa

Tom
Cor Texto

utilizado para manipular a leitura, oferecendo um caminho confortvel e racional, orientando os olhos pelos pontos de interesse.

Impresses do ritmo

Computao Grfica Odair Cavichioli Jr. 40

Quando traam uma linha imaginria linear, podem sugerir sensaes durante a leitura.
Retas sugerem fora Linhas horizontais sugerem calma ou harmonia

Linhas verticais sugerem elevao ou sublimidade

Curvas sugerem ao, energia, sensualidade e graa

Essas sensao so importantes porque

impressionam e ajudam a fixar a comunicao na memria.

Ritmo linear

Computao Grfica Odair Cavichioli Jr. 41

Ritmo dinmico

Computao Grfica Odair Cavichioli Jr. 42

Composio que impem 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/

Ritmo estacionrio

Computao Grfica Odair Cavichioli Jr. 43

Relacionada as leis fundamentais da

decorao.
O objetivo fazer com que o olho fixe em um contedo, aumentando seu tempo de leitura de forma estratgica.
Visual Magazine Cover Cristhian (burnsflipper) http://burnsflipper.deviantart.com/

Tipografia

Computao Grfica Odair Cavichioli Jr. 44

Usar uma fonte inadequada para o contedo pode provocar a falta de vontade de terminar a leitura de uma matria.

Algumas caractersticas grficas das letras podem dificultar muito a

leitura e, conseqentemente, a assimilao do contedo. Existe uma sinestesia tipolgica que deveria ser pensada, analisada, pesquisada e usada. Infelizmente a preocupao com o conjunto tipogrfico de uma

publicao uma questo pouco valorizada pela grande maioria dos

impressos nacionais.

Cores

Computao Grfica Odair Cavichioli Jr. 45

A cor tem um impacto na quantidade de segundos necessrios para o crebro assimilar, fazendo uma pessoa ficar com seus olhos fixos nela. Um detalhe colorido pode destruir a linha de leitura de uma pgina. As cores devem ser usadas para localizao das editorias, ajudando na seqncia de leitura desejada pelo editor. Tambm deve tomar cuidado com as sensaes que as cores podem transmitir junto com a leitura.

Cores

Computao Grfica Odair Cavichioli Jr. 46

Respiro

Computao Grfica Odair Cavichioli Jr. 47

Equilbrio entre reas com e sem informao deve ser bem observado.

Esses espaos em branco funcionam como rea de respiro para uma

pgina ajudando o ritmo de leitura. Essas reas de descanso visual devem ser usadas de acordo com a necessidade editorial de um assunto, alm de representar os anseios estticos de um determinado pblico.

Respiro

Computao Grfica Odair Cavichioli Jr. 48

Respiro

Computao Grfica Odair Cavichioli Jr. 49

Referncia bibliogrfica

Computao Grfica Odair Cavichioli Jr. 50

As informaes contidas nessa apresentao foram elaboradas com base na minha experincia profissional que, em algum momento, podem contradizer o que explicado na teoria. Existem algumas informaes que so encontradas na Wikipdia. Porm, como seu contedo pode ser alterado por qualquer pessoa, sua credibilidade questionvel. S utilize informaes da Wikipdia se voc j conhece o assunto e concorda com as definies. O design grfico como elemento de linguagem editorial
Mrcia Okida http://www.designgrafico.art.br/comapalavra/linguagemeditorial.htm

Criaao Visual e Multimidia

Joo Vicente Cegato Bertomeu

Editora Cengage 2009

Projeto Grfico: Teoria e Prtica da Diagramao

Antnio Celso Collaro Editora Summus Editorial

2006

Planejamento Visual Grfico

Milton Ribeiro Editora LGE 2007

Para pesquisa

Computao Grfica Odair Cavichioli Jr. 51

Gestalt Minimalismo

Art Nouveau
Construtivismo Russo

Composio grfica
Elementos bsicos da comunicao visual

Odair Cavichioli Jnior

www.odaircavichioli.com.br