Comunicação Gráfica

e Design

Profa. Aline Antunes de Souza

aline.antunes@uni9.pro.br
 1. Resumo da aula anterior
2. Princípios da Linguagem Visual - Parte 1
3. Projeto Modular - Revista

Aula 03
Na aula passada...
. processo criativo
. agência de publicidade: cargos e cotidiano criativo
. estratégias de processos criativos
Departamentos de uma Agência de Publicidade

Atendimento

Planejamento
Diretor Geral de Criação Publicitária
Pesquisa Diretor de Criação
Supervisor de Criação
Criação
Redator
Mídia Diretor de Arte

Produção Revisor
Rodolfo Fuentes – A prática do design gráfico
Cada designer tem de buscar sua própria
metodologia para estabelecer a natureza de um
design encomendado, classificando-a, medindo-a,
anotando-a e estudando-a, de maneira que se torne
mais enriquecedora para o que realmente importa:
sua linguagem própria de design.
Carta de apresentação profissional
Individual. Seguir principais etapas do processo criativo: Briefing
[atividade para casa]
Problema: CARTA DE APRESENTAÇÃO PROFISSIONAL
Definição do problema: o que é?
Definição e reconhecimento de subproblemas: como se faz?
Recompilação de dados: procurar referências na internet
Análise de dados: escolher modelo em que melhor se enquadra

Criatividade: MÃO NA MASSA

Materiais e Tecnologia: papel, caneta, lápis, computador - o que tiver
Experimentação: converse com amigos ou familiares
Modelos: teste um ou mais modelos encontrados
Verificação: peça para amigos ou familiares opinarem
Desenhos construtivos: se houver crítica, altere ou defenda

Solução: ENTREGAR SOMENTE A CARTA!

As etapas acima são apenas parte da elaboração, do processo.
NOME + RA + SALA
Princípios da linguagem visual
Parte 1
Sintaxe da Linguagem Visual
Donis A. Dondis

. comunicação visual: um
alfabetismo para aprender a ver

. elementos básicos: ponto, linha,

forma, direção, tom e cor

. atividade
Princípios da linguagem visual
Comunicação Visual:
um alfabetismo para aprender a ver

. linguagem verbal: linear

. linguagem visual: espacial

. linguagem visual: métodos de composição e

design que levem em conta a diversidade da
estrutura do modo visual.

. alfabetismo significa que um grupo compartilha

o significado atribuído a um corpo comum de
informações
Princípios da linguagem visual
Comunicação Gráfica e Design: processo de alfabetismo visual

. construir um sistema básico para a aprendizagem, a identificação, a criação e a

compreensão de mensagens visuais que sejam acessíveis a todas as pessoas

. mensagens de diversos níveis de utilidade: desde o puramente funcional (placas

de trânsito, sinalizações de transportes) até os domínios de expressão artística
(artes gráficas)
Alfabetismo visual
Como identificar os elementos do conjunto?

Aprender a VER, por meio de provas, definições, exercícios, observações e linhas mestras.

VER o que?

1. A importância dos elementos visuais individuais: ponto, linha, forma, direção, tom, cor, textura, escala,
proporção, dimensão, movimento, equilíbrio, tensão

2. O poder expressivo das técnicas individuais, as estratégias de direcionamento do olhar: proximidade,

alinhamento, repetição, contraste, simetria, ousadia, ênfase

3. O contexto dos meios, que atua como cenário visual para as decisões relativas ao design: a pintura, a
fotografia, a arquitetura, a televisão e as artes gráficas (quadrinhos, games, grafite)
Alfabetismo visual
Em resumo: o alfabetismo visual é aprender a lei da sintaxe visual, saber ler e usar
a estrutura das composições. É uma extensão da capacidade humana de criar
mensagens.

Aprender a ver, a compreender, a forma inteira, o efeito cumulativo da

combinação de elementos selecionados, a manipulação das unidades básicas por
meio de técnicas e sua relação formal e compositiva com o significado pretendido.

A visão é natural, criar e compreender mensagens visuais é natural até certo

ponto, mas a eficácia, em ambos os níveis – criar e compreender – só pode ser
alcançada por meio do estudo.
Elementos Básicos
Ponto, Linha, Forma, Direção, Tom, Cor
Elementos Básicos

A caixa de ferramentas de todas as comunicações

visuais são os elementos básicos, a fonte
compositiva de todo tipo de materiais e mensagens
visuais, além de objetos e experiências.

Os elementos visuais são a substância básica de

tudo aquilo que vemos, ou seja, são a matéria-prima
de toda e qualquer informação visual.

Toda imagem visual é formada por partes ou

elementos que podem ser isolados e vistos de
forma independente.
Elementos Básicos
A melhor forma de analisar qualquer obra
visual é decompor suas partes e identificar
seus elementos (processo de abstração,
lembra?); também assim conseguimos
entender melhor como a imagem é feita ou
construída.

. entender como as imagens são feitas, seus

elementos, sua composição e seu processo de
construção oferece maior liberdade e diversidade
de criação: aumenta o repertório criativo

. para entender e analisar a estrutura total, temos

que começar pensando nos elementos visuais
individuais.
O ponto

. unidade mínima da comunicação visual, a mais simples

. serve como referência, pois tem grande poder de atração visual

O ponto

. serve como indicador de espaço; quanto mais complexo o espaço, mais pontos são necessários

. direcionam o olhar; quanto mais próximos entre si, mais intenso é o direcionamento
O ponto

. quando em grande número e justapostos,

dão ilusão de tom ou cor
O ponto
A linha
. quando os pontos estão tão próximos que
se tornam indistinguíveis, aumenta a
sensação de direção: linha

. um ponto em movimento ou seu rastro, seu

caminho

. é decisiva: tem um propósito, uma direção

. o ponto é algo parado, estático; a linha é

energia, movimento; implica uma liberdade
de experimentar
A linha

. a linha é o instrumento fundamental da pré-visualização; um rascunho,

por exemplo, torna visível o que antes era apenas imaginário;

. pode ser usada de maneira exata e rigorosa (arquitetura, desenhos

técnicos) ou de maneira flexível, experimental (rascunhos artísticos)
A linha

. pode assumir formas diversas para expressar uma variedade de estados de espírito: forma imprecisa,
indisciplinada (alfabetização), delicada, ondulada, grosseira (carta de amor/receita médico), hesitante, nítida
(desenho felpudo ou linha precisa); reflete a intenção, os sentimentos e as emoções mais pessoais
A forma

. toda linha descreve uma forma

. existem três formas básicas: o quadrado, o círculo e o triângulo equilátero

. são figuras planas, simples, fundamentais

. cada forma básica tem características específicas; a cada uma se atribui uma grande quantidade de
significados – principalmente, por conta de percepções psicológicas e fisiológicas
. quadrado: rigidez, tédio, honestidade, retidão, cuidado
. triângulo: ação, conflito, tensão, perigo
. círculo: infinitude, calor, proteção
A forma

. a partir de suas combinações e

variações infinitas, derivam todas
as formas físicas da natureza e da
imaginação humana
A direção
. é o impulso de movimento que incorpora e reflete o caráter das formas básicas, circulares, diagonais,
perpendiculares

. as três formas básicas expressam direções visuais:

. quadrado: perpendicularidade; horizontal-vertical;
. triângulo: diagonal
. círculo: curva ou ciclo
A direção
. cada direção tem um significado forte e
funciona como um valioso instrumento
para a criação de imagens visuais

. quadrado/perpendicularidade:
estabilidade, verticalidade do homem,
equilíbrio
. triângulo/diagonal: instabilidade,
provocação, tensão, ameaça (pontiagudo)
. círculo/curva: abrangência, repetição
(ciclo), generalidade, conforto

. direções refletem intenções

compositivas
A direção
O tom
. é a presença ou ausência de luz, sua variação, através da qual enxergamos

. a maneira com que se usam as linhas para representar um esboço aparece na forma de justaposição de
tons: intensidade de escuros ou claros

. vemos por contraste: vemos o que é escuro porque está próximo ou se sobrepõe ao claro e vice-versa
O tom
. entre o escuro e o claro, há gradações; essas gradações são as tonalidades, variações de luz

. entre o preto e o branco, há uma escala de cinza: escala tonal

. ao ser colocado em uma escala tonal, um tom de cinza pode se modificar drasticamente
O tom

. o tom também é usado para indicar

ou expressar dimensões, volumes;
muitas vezes, é usado junto à
perspectiva;

. o uso da gradação da luz (tom)

reforça a aparência de realidade,
por meio da sensação de luz
refletida e sombras projetadas
A cor
. é a contraparte do tom com o acréscimo do componente cromático, o
elemento visual mais expressivo e emocional

. cores carregam significados simbólicos; por isso, são outro vocabulário a

ser aprendido, de enorme utilidade no alfabetismo visual
. ex. vermelho – sangue: raiva, perigo, amor, calor, vida
. sobre os significados simbólicos e psicológicos das cores, teremos outra
aula específica – a psicodinâmica das cores

. a cor tem três dimensões que podem ser definidas e medidas:

o matiz, a saturação e o brilho
A cor: o matiz
Matiz ou croma é a cor em si; cada matiz tem características individuais e os grupos de cores
compartilham efeitos comuns.
. existem três matizes primários: amarelo, vermelho, azul
. em geral, associam-se: amarelo (luz, calor), vermelho (ação, emoção), azul (passivo, suave)
. o amarelo e o vermelho tendem a expandir: quando misturados a outras cores, intensificam
. o azul, tende a se contrair; quando misturado a outras cores, suaviza
A cor: o matiz
Círculo cromático

. cores primárias, secundárias e terciárias

(12 matizes)

. às cores opostas no círculo chamamos

de complementares

. quando misturados os
opostos/complementares, o matiz é
neutralizado (produz algum tom de cinza)
A cor: a saturação
Saturação é a pureza relativa de uma cor, do matiz ao cinza.
. cor saturada: com mais pigmentos, mais explícita, mais forte; ex. circo
. cor neutralizada (menos saturada): levam à neutralidade cromática, tendem ao cinza, ou seja, à
ausência de cor; ex. consultórios médicos dentistas
. quanto mais intensa ou saturada, mais carregado de emoção ou expressão
A cor: a saturação
A cor:
a saturação
A cor: a saturação
A cor: o brilho
Brilho é a relação do claro ao escuro, das gradações tonais.
. variação da luminosidade
. a presença ou ausência de cor não afeta o tom, que é constante (mostrar em uma escala as variações
diferentes de brilho e de saturação)
. se uma imagem colorida tem suas cores retiradas, torna-se preta-e-branca: tira-se a saturação, o tom é
mantido
A cor:
o brilho

. quando altero o brilho, mudo a

luminosidade; a cor e a
saturação são mantidas
A cor: matiz, saturação, brilho

Na tela do painel do Photoshop:

Imagem > Ajustes > Matiz/Saturação
Resumo
Ponto, Linha, Forma, Direção, Tom, Cor (Matiz, Saturação, Brilho)
Projeto Modular
Revista: Profissionais da Comunicação em São Paulo
 Projeto PRÓXIMA AULA
Modular Pauta
. tema: Profissionais da Comunicação em São
Anunciantes
Paulo
. definir pautas
. pauta: livre, dentro do tema
. a partir da pauta, selecionar 3 ANUNCIANTES
. revista: 16 páginas para criar os anúncios; devem ser relacionados à
pauta da revista

Cronograma . trazer pauta e nomes de anunciantes na semana

. abril: Logo + anúncios que vem

. abril e maio: diagramação/impressão

. última semana de maio: entrega da revista
Revista - Projeto Modular
AGÊNCIA PAUTA
. cada Agência deve ter entre 4 e 8 integrantes.
Não serão aceitos grupos fora do padrão. A Revista deverá abordar a carreira do profissional de
comunicação na cidade de São Paulo.
Para ajudar na PAUTA . estabelecer dentro da área de comunicação uma linha de
interesse, como plano de comunicação
COMUNIQUE-SE.com.br . levar em conta o mercado de comunicação em São Paulo
JANELA.com.br . público de interesse: pensar em uma revista para estudantes ou
MEIOEMENSAGEM.com.br recém-formados na área de publicidade e jornalismo
ABRADI-SP.com.br . você, como aluno: o que gostaria de ler?

Exemplos
Áreas de atuação
. como funciona uma agência?
Mídia . como é a rotina de uma dupla de criação / mídia / atendimento?
Atendimento
Pesquisa . focar em publicidade, mercado e comunicação
Criação
Marketing Produção
Promoção de vendas