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


O elementos combinados em um

grafismo surge oresultado final com uma srie de conceitos prprios

Design invisvel


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


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


Geometrizao


Geometrizao


Agrupamento


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


Agrupamento


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


Agrupamento


Contraste


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

completo.

Contraste


Contraste


Equilbrio


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


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


Equilbrio


Equilbrio


Equilbrio em nfase no contraste


Equilbrio assimtrico


Proporo


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

informao.

Harmonia


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


Harmonia


Direo Visual


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


Direo Visual


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

Direo Visual


Diagramao que conduz a leitura de um contedo

DiagonalTriangular ou pirmide S Z L ou ngulo reto Circulo Cruz

Movimentos bvios de narrativa visual


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



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



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.



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



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



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

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



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


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


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


Ritmo dinmico


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


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


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


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


Respiro


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

Esses espaos em branco funcionam como rea de respiro para umapgina 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


Respiro


Referncia bibliogrfica


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


Gestalt Minimalismo

Art NouveauConstrutivismo Russo

Composio grficaElementos bsicos da comunicao visual

Odair Cavichioli Jniorwww.odaircavichioli.com.br

Composição Grafica

Text of Composição Grafica

texto grafica

grafica isometricos UJMD

Produção Grafica

Acentuação grafica

produçao grafica

GRAFICA SEQ2 REDUZIDO

grafica osbemaventurados

Geometria grafica 2014_tipo_b

Aula04 prod grafica

Oficina Grafica

Prod Grafica Inicial

Oestepaulista grafica

Aula05 prod grafica

Interface grafica

Templete Flims Grafica

Manual grafica

Tecnologia grafica

cidade grafica

representacao grafica

Acentuacao grafica

Aula01 prod grafica

Musica Grafica

Ppra grafica

Producao Grafica Inicial

PPRA - Grafica

Resumo Produção Grafica

Analise grafica

Interferencia Grafica

Catalogo Final Grafica

Impressão Grafica

Documents

Composição Grafica

Text of Composição Grafica