Click here to load reader
View
77
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 f