Author
julio-balbino
View
81
Download
0
Embed Size (px)
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 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 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
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 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
Computao Grfica Odair Cavichioli Jr. 51
Gestalt Minimalismo
Art NouveauConstrutivismo Russo
Composio grficaElementos bsicos da comunicao visual
Odair Cavichioli Jniorwww.odaircavichioli.com.br