SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
Comunicação Gráfica
e Design
Profa. Dra. Cíntia Dal Bello
cbello@uninove.br
www.cintiadalbello.blogspot.com
Ideogramas dos
64 hexagramas
do I Ching
Sintaxe da Linguagem Visual
Elementos Estruturais
(Arte e Teoria do Design)
Ponto
Linha
Forma
Direção
Tom
Cor
Textura
Dimensão
Escala
Movimento
Elementos da Linguagem Visual
ALFABETISMO VISUAL
PONTO
Sinal gráfico mínimo.
Poder de atração.
Estático.
LINHA
Formada por uma cadeia de pontos.
Direciona o olhar, apresenta uma
intecionalidade, um propósito.
Movimento.
FORMA
Três formas básicas: círculo, quadrado e
triângulo, com características específicas,
às quais são atribuídas ideias e valores.
Cada forma sugere uma direção.
Recapitulando...
DIREÇÃO
A direção circular (curva) tem um
significado mais abrangente e repetitivo.
A direção horizontal – vertical transmite
uma ideia de bem-estar, maleabilidade,
estabilidade.
A direção diagonal possui uma força
direcional mais instável e mais
provocadora, possuindo uma composição
mais irregular e, consequentemente,
mais perturbadora.
TOM
“O mundo em que vivemos é dimensional, e o tom é um
dos melhores instrumentos de que dispõe o visualizador
para indicar e expressar essa dimensão” (p.62).
“*...] a sensibilidade tonal é básica para nossa
sobrevivência. Só é superada pela referência vertical-
horizontal enquanto pista visual do relacionamento que
mantemos com o meio ambiente. Graças a ela vemos o
movimento súbito, a profundidade, a distância e outras
referências do ambiente. O valor tonal é outra maneira de
descrever a luz. Graças a ele, e exclusivamente a ele, é que
enxergamos” (p.64).
Justaposição de tons – intensidade da obscuridade ou
claridade de qualquer coisa vista. Vemos graças à presença
ou ausência de luz que não se irradia com uniformidade no
meio ambiente (sol, lua, fonte artificial). Vemos o escuro
porque está próximo ou sobrepõe-se ao claro e vice-versa.
Quantas gradações (tons)
entre o preto e o branco?
O mundo em que vivemos é dimensional e é o tom que expressa essa
dimensão através da perspectiva para simular a distância, a massa, o ponto de
fuga, a linha do horizonte, o nível do olho etc.
O acréscimo de um fundo tonal reforça a aparência de realidade através da
sensação de luz refletiva e sombras projetadas. A sensibilidade tonal é básica
para nossa sobrevivência e só é superada pela referência vertical-horizontal. É
graças ao valor tonal que descrevemos a luz e enxergamos.
COR
“Enquanto o tom está associado a questões de sobrevivência, sendo portanto essencial
para o organismo humano, a cor tem maiores afinidades com as emoções.
[...] A cor está, de fato, impregnada de informação, e é uma das mais penetrantes
experiências visuais que temos todos em comum. Constitui, portanto, uma fonte de valor
inestimável para os comunicadores visuais.
[...] Assim, a cor oferece um vocabulário enorme e de grande utilidade para o alfabetismo
visual”(p. 64).
A cor tem três dimensões que podem ser definidas e medidas: matiz, saturação e brilho.
MATIZES PRIMÁRIAS
(matiz = cor em si)
Amarelo – mais próxima da luz e do calor.
Vermelho – mais ativa e emocional. (Tende a expandir)
Azul – passivo e suave. (Tende a contrair)
Quando misturadas novos
significados são obtidos.
Círculo cromático
Através da mistura podemos obter múltiplas variações de matizes.
Pureza relativa de uma cor, do matiz ao cinza, ou seja, quando a cor tem sua força
máxima e o tom é puro.
Não está relacionado a adição de branco ou preto, porém diz-se que a saturação varia
de acordo com a quantidade de branco contido na cor.
Compõem-se das matizes primárias e secundárias.
Quanto menos saturação mais neutralidade cromática e até mesmo ausência de cor,
sendo sutis e repousantes.
Quanto mais saturado mais carregado de expressão e emoção.
SATURAÇÃO
Relativo ao claro e ao escuro.
A ausência ou à presença de cor não afeta o tom, que é constante.
Toda cor tem capacidade de refletir a luz branca sobre ela, luminosidade.
Quanto maior a porcentagem de preto nela existente, menor será sua capacidade de
reflexão.
Esse processo, porém, não afeta os valores tonais da imagem. Ex.: televisão em cores.
BRILHO
TEXTURA
“A textura se relaciona com a composição de uma
substância através de variações mínimas na
superfície do material” (p.70 e 71).
A textura é o elemento visual que serve de
substituto para outro sentido, o tato.
Na verdade podemos apreciar a textura tanto
através do tato como da visão ou da combinação de
ambos.
O aspecto da lixa e a sensação que ela provoca tem o
mesmo significado intelectual, mas não o mesmo
valor. O julgamento do olho costuma ser confirmado
pelo tato.
A textura se relaciona com a composição de uma
substância através de variações mínimas na
superfície do material. Ex.: Convites de casamento,
papel reciclado.
ESCALA
“Todos os elementos visuais são capazes de se modificar e se
definir uns aos outros. O processo constitui, em si, o elemento
daquilo que chamamos escala” (p.72).
O brilho se contrapõe ao escuro, o grande faz o pequeno, e assim
por diante. “Aprender a relacionar o tamanho com o objetivo e o
significado é essencial na estruturação da mensagem
visual” (p.75).
Todos os elementos visuais são capazes de se modificar e se definir
uns aos outros.
Esse processo constitui a escala. Por exemplo, o grande não pode
existir sem o pequeno. A escala não está relacionada apenas ao
tamanho relativo, mas também através das relações com o campo
ou com o meio ambiente. Quanto aos resultados visuais, eles são
fluídos e nunca absolutos, pois podem sofrer modificações.
As escalas são muito usadas nos projetos e mapas para
representar uma medida.
DIMENSÃO
“A dimensão existe no mundo real. Não só podemos senti-la, mas
também vê-la, com o auxílio de nossa visão estereóptica e
binocular.
Mas em nenhuma das representações bidimensionais da
realidade, como o desenho, a pintura, a fotografia, o cinema e a
televisão, existe uma dimensão real; ela é apenas implícita.
A ilusão pode ser reforçada de muitas maneiras, mas o principal
artifício para simulá-la é a convenção técnica da
perspectiva” (p.75).
A representação da dimensão nos formatos visuais bidimensionais
(fotografia, desenho, pintura, cinema, televisão) depende da
ilusão que é dada através da perspectiva, que existe na realidade,
mas que nesses formatos aparece de modo implícito.
Como dois planos de um cubo aparecem aos nossos olhos?
Estabelece-se o nível do olho, só há um ponto de fuga, no qual o cubo superior é
visto de baixo para cima e o inferior é visto de cima para baixo.
Dois pontos de fuga para expressar a perspectiva de dois cubos com três faces.
MOVIMENTO
“*...] o movimento talvez seja uma das forças visuais mais
dominantes da experiência humana” (p.80).
Presente naturalmente na televisão e no cinema, o movimento
pode ser sugerido nas artes visuais estáticas.
Percepção e comunicação visual: “Na criação de mensagens visuais,
o significado não se encontra apenas nos efeitos cumulativos da
disposição dos elementos básicos, mas também no mecanismo
perceptivo universalmente compartilhado pelo organismo
humano” (p.30).
Assim como a dimensão o elemento visual do movimento aparece
frequentemente de forma implícita. Porém, o movimento é uma
das forças visuais mais dominantes da experiência humana
(enquanto movimento, aparece na televisão e no cinema).
Algumas das propriedades da “persistência da visão” podem constituir de forma
errônea o uso da palavra movimento, um quadro, uma foto ou a estampa de um
tecido podem ser estáticos, porém descrevem tensões e ritmos. A leitura segue
uma sequência organizada, portanto fica claro a existência de ação não apenas
no que se vê, mas também no processo da visão.
O movimento como componente visual é dinâmico e a compreensão desses
elementos visuais e seu funcionamento constitui a base de uma linguagem que
não conhece barreiras nem fronteiras.
Criação do Carômetro Criativo
Definir o grupo.
Definir o nome da AGÊNCIA DE COMUNICAÇÃO.
Formato de entrega: A4.
Objetivo do carômetro: apresentar de forma criativa os componentes da
Agência.
Entrega: 23 a 27 de março de 2015 (no dia correspondente de aula).
Valor: 3 pontos da AV1.
PROJETO PORTFÓLIO
VISITA TÉCNICA A UMA GRÁFICA
Pode ser realizada individualmente ou em grupo.
Definir a Gráfica que será visitada (o agendamento da visita é de
responsabilidade dos alunos).
Objetivo: produzir um relatório sobre “Artes Gráficas na Prática”.
- Componentes de um orçamento
- Sistemas/tipos de impressão
- Que cuidados específicos o profissional de comunicação deve ter para
encaminhar uma revista para impressão?
Entrega: 4 a 8 de maio de 2015 (no dia correspondente de aula).
Valor: 7 pontos da AV1.
Atividades Complementares: 4 horas
ATIVIDADE COMPLEMENTAR

Mais conteúdo relacionado

Mais procurados

LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
Andrea Dalforno
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
Danilo Aroeira
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Cores
martha
 

Mais procurados (20)

Elementos da linguagem visual.
Elementos da linguagem visual.Elementos da linguagem visual.
Elementos da linguagem visual.
 
Elementos visuais
Elementos visuaisElementos visuais
Elementos visuais
 
Leis da Gestalt
Leis da GestaltLeis da Gestalt
Leis da Gestalt
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
Aula 02 linguagem visual
Aula 02   linguagem visualAula 02   linguagem visual
Aula 02 linguagem visual
 
Aula EE - composicao
Aula EE - composicaoAula EE - composicao
Aula EE - composicao
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Teoria das cores
Teoria das coresTeoria das cores
Teoria das cores
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
 
Teoria das cores aula
Teoria das cores   aulaTeoria das cores   aula
Teoria das cores aula
 
Elementos linguagem visual
Elementos linguagem visual Elementos linguagem visual
Elementos linguagem visual
 
Psicologia das Cores no Design
Psicologia das Cores no DesignPsicologia das Cores no Design
Psicologia das Cores no Design
 
Aula 03 teoria da cor
Aula 03   teoria da corAula 03   teoria da cor
Aula 03 teoria da cor
 
Sintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte IISintaxe da Linguagem Visual - parte II
Sintaxe da Linguagem Visual - parte II
 
Cor luz
Cor luzCor luz
Cor luz
 
Aula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignAula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e Design
 
Aula 02 - Princípios da Gestalt
Aula 02 - Princípios da GestaltAula 02 - Princípios da Gestalt
Aula 02 - Princípios da Gestalt
 
Teoria Das Cores
Teoria Das CoresTeoria Das Cores
Teoria Das Cores
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visual
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e Plano
 

Destaque

01 apostila corel draw x3
01 apostila corel draw x301 apostila corel draw x3
01 apostila corel draw x3
Ricardo Araujo
 
ComunicaçãO GráFica E Audiovisual Nelson
ComunicaçãO GráFica E Audiovisual NelsonComunicaçãO GráFica E Audiovisual Nelson
ComunicaçãO GráFica E Audiovisual Nelson
guest73a4f2c
 

Destaque (20)

Design Comunicação
Design ComunicaçãoDesign Comunicação
Design Comunicação
 
Book de criação
Book de criação Book de criação
Book de criação
 
01 apostila corel draw x3
01 apostila corel draw x301 apostila corel draw x3
01 apostila corel draw x3
 
ComunicaçãO GráFica E Audiovisual Nelson
ComunicaçãO GráFica E Audiovisual NelsonComunicaçãO GráFica E Audiovisual Nelson
ComunicaçãO GráFica E Audiovisual Nelson
 
Guia do projeto discente módulo comunicação e sociedade 2015-02
Guia do projeto discente   módulo comunicação e sociedade 2015-02Guia do projeto discente   módulo comunicação e sociedade 2015-02
Guia do projeto discente módulo comunicação e sociedade 2015-02
 
D arte 03
D arte 03D arte 03
D arte 03
 
Aula4 ponto linha_forma_direcao
Aula4 ponto linha_forma_direcaoAula4 ponto linha_forma_direcao
Aula4 ponto linha_forma_direcao
 
Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico) Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico)
 
Do conceito à forma: A ilustração de Daniel Bueno
Do conceito à forma: A ilustração de Daniel BuenoDo conceito à forma: A ilustração de Daniel Bueno
Do conceito à forma: A ilustração de Daniel Bueno
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e Design
 
Aula 5 atendimento e planejamento de campanha
Aula 5   atendimento e planejamento de campanhaAula 5   atendimento e planejamento de campanha
Aula 5 atendimento e planejamento de campanha
 
Book de criação III - Trabalho 7º sem - Belas Artes
Book de criação III - Trabalho 7º sem - Belas ArtesBook de criação III - Trabalho 7º sem - Belas Artes
Book de criação III - Trabalho 7º sem - Belas Artes
 
Aula 2 - Direção de Arte
Aula 2   - Direção de ArteAula 2   - Direção de Arte
Aula 2 - Direção de Arte
 
Criação Publicitária - Aula 05 - Criação Impressos
Criação Publicitária - Aula 05 - Criação ImpressosCriação Publicitária - Aula 05 - Criação Impressos
Criação Publicitária - Aula 05 - Criação Impressos
 
Tecnicas para composição.
Tecnicas para composição.Tecnicas para composição.
Tecnicas para composição.
 
Análise de projeto gráfico de revista e anúncio publicitário
Análise de projeto gráfico de revista e anúncio publicitárioAnálise de projeto gráfico de revista e anúncio publicitário
Análise de projeto gráfico de revista e anúncio publicitário
 
Aula 5 - Direção de Arte
Aula 5 - Direção de ArteAula 5 - Direção de Arte
Aula 5 - Direção de Arte
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
O processo criativo
O processo criativoO processo criativo
O processo criativo
 
Publicidade e os desafios do futuro
Publicidade e os desafios do futuroPublicidade e os desafios do futuro
Publicidade e os desafios do futuro
 

Semelhante a Aula 3 - Comunicação Gráfica e Design

Elementos basicos da comunicacao visual
Elementos basicos da comunicacao visualElementos basicos da comunicacao visual
Elementos basicos da comunicacao visual
melzynhabessa
 
Elementos da linguagem visual.LINHA.COR.FORMAppt
Elementos da  linguagem visual.LINHA.COR.FORMApptElementos da  linguagem visual.LINHA.COR.FORMAppt
Elementos da linguagem visual.LINHA.COR.FORMAppt
LucimeireMellodosRei1
 
Leitura de Imagens/Texto Icónico
Leitura de Imagens/Texto IcónicoLeitura de Imagens/Texto Icónico
Leitura de Imagens/Texto Icónico
Vanda Sousa
 
Artes visuais
Artes visuaisArtes visuais
Artes visuais
ilcirene
 
Teoria Da Imagem
Teoria Da ImagemTeoria Da Imagem
Teoria Da Imagem
martha
 

Semelhante a Aula 3 - Comunicação Gráfica e Design (20)

Leitura de imagens
Leitura de imagensLeitura de imagens
Leitura de imagens
 
OPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUALOPC 02 LINGUAGEM VISUAL
OPC 02 LINGUAGEM VISUAL
 
Composição de um quadro
Composição de um quadroComposição de um quadro
Composição de um quadro
 
Composição de um quadro
Composição de um quadroComposição de um quadro
Composição de um quadro
 
Cpg Aula2
Cpg Aula2Cpg Aula2
Cpg Aula2
 
Aula EE-composicao
Aula EE-composicaoAula EE-composicao
Aula EE-composicao
 
Aula02 cpg elementbasicos
Aula02 cpg elementbasicosAula02 cpg elementbasicos
Aula02 cpg elementbasicos
 
A linguagem visual
A linguagem visualA linguagem visual
A linguagem visual
 
Elementos basicos da comunicacao visual
Elementos basicos da comunicacao visualElementos basicos da comunicacao visual
Elementos basicos da comunicacao visual
 
Elementos basicos da comunicacao visual
Elementos basicos da comunicacao visualElementos basicos da comunicacao visual
Elementos basicos da comunicacao visual
 
Sintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte ISintaxe da Linguagem Visual - parte I
Sintaxe da Linguagem Visual - parte I
 
Elementos da linguagem visual.LINHA.COR.FORMAppt
Elementos da  linguagem visual.LINHA.COR.FORMApptElementos da  linguagem visual.LINHA.COR.FORMAppt
Elementos da linguagem visual.LINHA.COR.FORMAppt
 
Elementos da linguagem visual - Copia.pdf
Elementos da  linguagem visual - Copia.pdfElementos da  linguagem visual - Copia.pdf
Elementos da linguagem visual - Copia.pdf
 
Leitura de Imagens/Texto Icónico
Leitura de Imagens/Texto IcónicoLeitura de Imagens/Texto Icónico
Leitura de Imagens/Texto Icónico
 
Artes Visuais
Artes Visuais Artes Visuais
Artes Visuais
 
Apostila 6ºano
Apostila 6ºanoApostila 6ºano
Apostila 6ºano
 
Artes visuais
Artes visuaisArtes visuais
Artes visuais
 
A arte de ver
A arte de verA arte de ver
A arte de ver
 
A arte de ver
A arte de verA arte de ver
A arte de ver
 
Teoria Da Imagem
Teoria Da ImagemTeoria Da Imagem
Teoria Da Imagem
 

Mais de Cíntia Dal Bello

Mais de Cíntia Dal Bello (20)

BA Creative Collectibles - Projeto de Stand
BA Creative Collectibles - Projeto de StandBA Creative Collectibles - Projeto de Stand
BA Creative Collectibles - Projeto de Stand
 
Ba creative collectibles 2018.1
Ba creative collectibles 2018.1Ba creative collectibles 2018.1
Ba creative collectibles 2018.1
 
Briefing Converse - relação de peças solicitadas
Briefing Converse - relação de peças solicitadasBriefing Converse - relação de peças solicitadas
Briefing Converse - relação de peças solicitadas
 
Briefing Converse - Chuck Taylor All Star
Briefing Converse - Chuck Taylor All StarBriefing Converse - Chuck Taylor All Star
Briefing Converse - Chuck Taylor All Star
 
Briefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão betaBriefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão beta
 
Exercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaExercício de criação: Sonho de Valsa
Exercício de criação: Sonho de Valsa
 
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
 Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2 Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
 
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
 
Da leveza: uma civilização sem peso (Gilles Lipovetsky)
Da leveza: uma civilização sem peso (Gilles Lipovetsky)Da leveza: uma civilização sem peso (Gilles Lipovetsky)
Da leveza: uma civilização sem peso (Gilles Lipovetsky)
 
BOOK DE CRIAÇÃO - 2017-1
BOOK DE CRIAÇÃO - 2017-1BOOK DE CRIAÇÃO - 2017-1
BOOK DE CRIAÇÃO - 2017-1
 
A criação do cartaz
A criação do cartaz A criação do cartaz
A criação do cartaz
 
Análise de peça publicitária - Resolução – Case Vigor - 5B - final
Análise de peça publicitária - Resolução – Case Vigor - 5B - finalAnálise de peça publicitária - Resolução – Case Vigor - 5B - final
Análise de peça publicitária - Resolução – Case Vigor - 5B - final
 
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptxAnálise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
 
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAISPIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
 
Briefing de criação exercicio
Briefing de criação exercicioBriefing de criação exercicio
Briefing de criação exercicio
 
Criação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagemCriação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagem
 
A Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
A Sociedade de consumo: A liturgia formal do objeto - Jean BaudrillardA Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
A Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
 
Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1
 
Dinâmicas de identidade e exclusão
Dinâmicas de identidade e exclusãoDinâmicas de identidade e exclusão
Dinâmicas de identidade e exclusão
 
Projeto Campanha Responsável
Projeto Campanha ResponsávelProjeto Campanha Responsável
Projeto Campanha Responsável
 

Último

Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
AntonioVieira539017
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
tatianehilda
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
TailsonSantos1
 

Último (20)

Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdfAula prática JOGO-Regencia-Verbal-e-Nominal.pdf
Aula prática JOGO-Regencia-Verbal-e-Nominal.pdf
 
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptxResponde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
Responde ou passa na HISTÓRIA - REVOLUÇÃO INDUSTRIAL - 8º ANO.pptx
 
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.docGUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
GUIA DE APRENDIZAGEM 2024 9º A - História 1 BI.doc
 
Cartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptxCartão de crédito e fatura do cartão.pptx
Cartão de crédito e fatura do cartão.pptx
 
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
Introdução às Funções 9º ano: Diagrama de flexas, Valor numérico de uma funçã...
 
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdfTCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
TCC_MusicaComoLinguagemNaAlfabetização-ARAUJOfranklin-UFBA.pdf
 
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdfCurrículo - Ícaro Kleisson - Tutor acadêmico.pdf
Currículo - Ícaro Kleisson - Tutor acadêmico.pdf
 
M0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptxM0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptx
 
Conflitos entre: ISRAEL E PALESTINA.pdf
Conflitos entre:  ISRAEL E PALESTINA.pdfConflitos entre:  ISRAEL E PALESTINA.pdf
Conflitos entre: ISRAEL E PALESTINA.pdf
 
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
Tema de redação - As dificuldades para barrar o casamento infantil no Brasil ...
 
8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito8 Aula de predicado verbal e nominal - Predicativo do sujeito
8 Aula de predicado verbal e nominal - Predicativo do sujeito
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de LedAula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
Aula 67 e 68 Robótica 8º ano Experimentando variações da matriz de Led
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptxSlides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
Slides Lição 6, CPAD, As Nossas Armas Espirituais, 2Tr24.pptx
 
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS  - Cantos do fim do séculoSistema de Bibliotecas UCS  - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
 

Aula 3 - Comunicação Gráfica e Design

  • 1. Comunicação Gráfica e Design Profa. Dra. Cíntia Dal Bello cbello@uninove.br www.cintiadalbello.blogspot.com Ideogramas dos 64 hexagramas do I Ching
  • 3. Elementos Estruturais (Arte e Teoria do Design) Ponto Linha Forma Direção Tom Cor Textura Dimensão Escala Movimento Elementos da Linguagem Visual ALFABETISMO VISUAL
  • 4. PONTO Sinal gráfico mínimo. Poder de atração. Estático. LINHA Formada por uma cadeia de pontos. Direciona o olhar, apresenta uma intecionalidade, um propósito. Movimento. FORMA Três formas básicas: círculo, quadrado e triângulo, com características específicas, às quais são atribuídas ideias e valores. Cada forma sugere uma direção. Recapitulando... DIREÇÃO A direção circular (curva) tem um significado mais abrangente e repetitivo. A direção horizontal – vertical transmite uma ideia de bem-estar, maleabilidade, estabilidade. A direção diagonal possui uma força direcional mais instável e mais provocadora, possuindo uma composição mais irregular e, consequentemente, mais perturbadora.
  • 5. TOM “O mundo em que vivemos é dimensional, e o tom é um dos melhores instrumentos de que dispõe o visualizador para indicar e expressar essa dimensão” (p.62). “*...] a sensibilidade tonal é básica para nossa sobrevivência. Só é superada pela referência vertical- horizontal enquanto pista visual do relacionamento que mantemos com o meio ambiente. Graças a ela vemos o movimento súbito, a profundidade, a distância e outras referências do ambiente. O valor tonal é outra maneira de descrever a luz. Graças a ele, e exclusivamente a ele, é que enxergamos” (p.64). Justaposição de tons – intensidade da obscuridade ou claridade de qualquer coisa vista. Vemos graças à presença ou ausência de luz que não se irradia com uniformidade no meio ambiente (sol, lua, fonte artificial). Vemos o escuro porque está próximo ou sobrepõe-se ao claro e vice-versa.
  • 6. Quantas gradações (tons) entre o preto e o branco? O mundo em que vivemos é dimensional e é o tom que expressa essa dimensão através da perspectiva para simular a distância, a massa, o ponto de fuga, a linha do horizonte, o nível do olho etc. O acréscimo de um fundo tonal reforça a aparência de realidade através da sensação de luz refletiva e sombras projetadas. A sensibilidade tonal é básica para nossa sobrevivência e só é superada pela referência vertical-horizontal. É graças ao valor tonal que descrevemos a luz e enxergamos.
  • 7. COR “Enquanto o tom está associado a questões de sobrevivência, sendo portanto essencial para o organismo humano, a cor tem maiores afinidades com as emoções. [...] A cor está, de fato, impregnada de informação, e é uma das mais penetrantes experiências visuais que temos todos em comum. Constitui, portanto, uma fonte de valor inestimável para os comunicadores visuais. [...] Assim, a cor oferece um vocabulário enorme e de grande utilidade para o alfabetismo visual”(p. 64). A cor tem três dimensões que podem ser definidas e medidas: matiz, saturação e brilho.
  • 8. MATIZES PRIMÁRIAS (matiz = cor em si) Amarelo – mais próxima da luz e do calor. Vermelho – mais ativa e emocional. (Tende a expandir) Azul – passivo e suave. (Tende a contrair) Quando misturadas novos significados são obtidos.
  • 9. Círculo cromático Através da mistura podemos obter múltiplas variações de matizes.
  • 10. Pureza relativa de uma cor, do matiz ao cinza, ou seja, quando a cor tem sua força máxima e o tom é puro. Não está relacionado a adição de branco ou preto, porém diz-se que a saturação varia de acordo com a quantidade de branco contido na cor. Compõem-se das matizes primárias e secundárias. Quanto menos saturação mais neutralidade cromática e até mesmo ausência de cor, sendo sutis e repousantes. Quanto mais saturado mais carregado de expressão e emoção. SATURAÇÃO
  • 11. Relativo ao claro e ao escuro. A ausência ou à presença de cor não afeta o tom, que é constante. Toda cor tem capacidade de refletir a luz branca sobre ela, luminosidade. Quanto maior a porcentagem de preto nela existente, menor será sua capacidade de reflexão. Esse processo, porém, não afeta os valores tonais da imagem. Ex.: televisão em cores. BRILHO
  • 12. TEXTURA “A textura se relaciona com a composição de uma substância através de variações mínimas na superfície do material” (p.70 e 71). A textura é o elemento visual que serve de substituto para outro sentido, o tato. Na verdade podemos apreciar a textura tanto através do tato como da visão ou da combinação de ambos. O aspecto da lixa e a sensação que ela provoca tem o mesmo significado intelectual, mas não o mesmo valor. O julgamento do olho costuma ser confirmado pelo tato. A textura se relaciona com a composição de uma substância através de variações mínimas na superfície do material. Ex.: Convites de casamento, papel reciclado.
  • 13. ESCALA “Todos os elementos visuais são capazes de se modificar e se definir uns aos outros. O processo constitui, em si, o elemento daquilo que chamamos escala” (p.72). O brilho se contrapõe ao escuro, o grande faz o pequeno, e assim por diante. “Aprender a relacionar o tamanho com o objetivo e o significado é essencial na estruturação da mensagem visual” (p.75). Todos os elementos visuais são capazes de se modificar e se definir uns aos outros. Esse processo constitui a escala. Por exemplo, o grande não pode existir sem o pequeno. A escala não está relacionada apenas ao tamanho relativo, mas também através das relações com o campo ou com o meio ambiente. Quanto aos resultados visuais, eles são fluídos e nunca absolutos, pois podem sofrer modificações. As escalas são muito usadas nos projetos e mapas para representar uma medida.
  • 14. DIMENSÃO “A dimensão existe no mundo real. Não só podemos senti-la, mas também vê-la, com o auxílio de nossa visão estereóptica e binocular. Mas em nenhuma das representações bidimensionais da realidade, como o desenho, a pintura, a fotografia, o cinema e a televisão, existe uma dimensão real; ela é apenas implícita. A ilusão pode ser reforçada de muitas maneiras, mas o principal artifício para simulá-la é a convenção técnica da perspectiva” (p.75). A representação da dimensão nos formatos visuais bidimensionais (fotografia, desenho, pintura, cinema, televisão) depende da ilusão que é dada através da perspectiva, que existe na realidade, mas que nesses formatos aparece de modo implícito.
  • 15. Como dois planos de um cubo aparecem aos nossos olhos? Estabelece-se o nível do olho, só há um ponto de fuga, no qual o cubo superior é visto de baixo para cima e o inferior é visto de cima para baixo.
  • 16. Dois pontos de fuga para expressar a perspectiva de dois cubos com três faces.
  • 17. MOVIMENTO “*...] o movimento talvez seja uma das forças visuais mais dominantes da experiência humana” (p.80). Presente naturalmente na televisão e no cinema, o movimento pode ser sugerido nas artes visuais estáticas. Percepção e comunicação visual: “Na criação de mensagens visuais, o significado não se encontra apenas nos efeitos cumulativos da disposição dos elementos básicos, mas também no mecanismo perceptivo universalmente compartilhado pelo organismo humano” (p.30). Assim como a dimensão o elemento visual do movimento aparece frequentemente de forma implícita. Porém, o movimento é uma das forças visuais mais dominantes da experiência humana (enquanto movimento, aparece na televisão e no cinema).
  • 18. Algumas das propriedades da “persistência da visão” podem constituir de forma errônea o uso da palavra movimento, um quadro, uma foto ou a estampa de um tecido podem ser estáticos, porém descrevem tensões e ritmos. A leitura segue uma sequência organizada, portanto fica claro a existência de ação não apenas no que se vê, mas também no processo da visão. O movimento como componente visual é dinâmico e a compreensão desses elementos visuais e seu funcionamento constitui a base de uma linguagem que não conhece barreiras nem fronteiras.
  • 19. Criação do Carômetro Criativo Definir o grupo. Definir o nome da AGÊNCIA DE COMUNICAÇÃO. Formato de entrega: A4. Objetivo do carômetro: apresentar de forma criativa os componentes da Agência. Entrega: 23 a 27 de março de 2015 (no dia correspondente de aula). Valor: 3 pontos da AV1. PROJETO PORTFÓLIO
  • 20. VISITA TÉCNICA A UMA GRÁFICA Pode ser realizada individualmente ou em grupo. Definir a Gráfica que será visitada (o agendamento da visita é de responsabilidade dos alunos). Objetivo: produzir um relatório sobre “Artes Gráficas na Prática”. - Componentes de um orçamento - Sistemas/tipos de impressão - Que cuidados específicos o profissional de comunicação deve ter para encaminhar uma revista para impressão? Entrega: 4 a 8 de maio de 2015 (no dia correspondente de aula). Valor: 7 pontos da AV1. Atividades Complementares: 4 horas ATIVIDADE COMPLEMENTAR