Composi§£o Grafica

Composio grficaElementos 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 oresultado 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 deuma 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 defacilitar 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 ouparecidos. 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.

EquilbrioAlinhamento 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 gerarespaos 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

DiagonalTriangular 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 porqueimpressionam 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

diferenciadocombinando 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 aleitura 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 dosimpressos 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 f