Você está na página 1de 60

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 2
3. Projeto Modular - pauta | logo | anúncios

Aula 04
Na aula passada...
. alfabetismo visual
. elementos básicos
. ponto, linha, forma, direção, tom, cor
Atividade
Divida uma folha em seis partes iguais
(ou desenhe seis quadrados).
(aula passada) Em cada parte, utilizando os princípios
de pontos, linhas, formas, direção, tom e
Individual, entregar em
uma folha de sulfite. cores, ilustre cada um dos seguintes
conceitos:
Coloque seu nome, RA, sala e unidade.
Equilíbrio
Tensão
Leveza
Equilíbrio Tensão Leveza
Peso
Ordem
Caos
Peso Ordem Caos
Busquem exemplos de anúncios publicitários
(revistas, jornais, internet) que em sua
composição apresentem os seguintes
conceitos:

Atividade 2 Equilíbrio
Tensão
(entregar hoje!) Leveza
Peso
Ordem
Por agência, entregar por email: Caos
aline.antunes@uni9.pro.br

Coloquem nome, RA, sala e unidade. Entregar pelo menos um anúncio para cada
conceito. Não esqueça de identificar os
conceitos relacionados a cada imagem
selecionada e justificar/defender a escolha.
Princípios da linguagem visual
Parte 2
Elementos Básicos
Textura, Escala, Dimensão, Movimento
Textura

. elemento visual que serve como substituto do tato; combinação de tato com visão
. ilusão de real pela intensa manifestação de detalhes e repetição; padrões
. a maior parte de nossa experiência com texturas é ótica, não tátil
Textura
. a textura pode ser entendida como a sensibilização de uma superfície
. peles de animais (crocodilo, lagarto);
. padrões de superfícies (cascas de árvores, parede rebocada, cimento batido)
. tudo o que o olho vê tem uma estrutura superficial própria
. texturas são efeitos táteis particulares
Textura Texturas como efeitos visuais de padrões: zentangles
Textura Texturas como efeitos visuais de padrões: linhas
Textura Texturas como efeitos táteis: peles
Textura
Textura
Escala

. todos os elementos visuais são capazes de se modificar e se definir uns aos outros; a esse processo
damos o nome de escala
. depende da comparação por justaposição (“em relação a”): uma cor é brilhante ou apagada,
dependendo da comparação com outra cor; o grande não pode existir sem o pequeno; qualidades são
relativas.
. escala também diz respeito a relação com espaços ou ambientes
Escala

. muito usada em mapas e projetos para representar uma medida proporcional real
(1cm:10km)
Escala
Existem fórmulas de proporção:
a mais famosa é a proporção áurea grega

. corta-se um quadrado ao meio; usa-se a


diagonal da secção como raio para aumentar a
área do quadrado, tornando-o um retângulo
áureo; proporciona grande elegância visual.
Escala

Razão
(Proporção)
Áurea
Escala

Razão Áurea
Escala

Razão Áurea
Escala

Razão Áurea
Escala

Razão Áurea
Escala

Razão Áurea
Dimensão

. a representação da dimensão em formatos bidimensionais depende da ilusão

. em nenhuma representação da realidade a dimensão é real, apenas implícita

. o principal artifício para simular a dimensão é a técnica da perspectiva, que pode ser intensificada pelo
uso da manipulação tonal (luz e sombra)
Dimensão
Dimensão
Escala + Dimensão
. aprender a relacionar o tamanho com o objetivo e o significado é
essencial na estruturação da mensagem visual
. o controle da escala: uma sala grande pode parecer pequena e
vice-versa
. manipulação do espaço; cria-se um efeito ilusório
. Sala de Ames (Ames room)
Escala + Dimensão

Sala de Ames (Ames room)


Fonte: https://pt.wikipedia.org/wiki/Ficheiro:Ames_room.ogv
Honda CRV – An Impossible Made Possible CRV ‘Optical Illusion’ commercial
Cannes Gold Lion Award – Filmcraft : Best Art Direction / Production Design 2013
Movimento

. elemento mais implícito: ilusão é feita pela distorção, pela criação de tensões e ritmos, que
dinamizam visualmente o que é fixo e estável

. são técnicas capazes de enganar o olho


Movimento
Movimento
Movimento
Movimento
Resumo
Textura, Escala, Dimensão, Movimento
Composição
Técnicas para a criação de mensagens visuais
Composição
Composição: criação de mensagens visuais; criar a partir
de inúmeras formas, cores, texturas, tons e proporções.

. a composição é a intenção do designer


. baseia-se na proporção, no equilíbrio, na harmonia e na
hierarquia de elementos; a composição depende de um
esquema estrutural

. trabalha com o direcionamento do olhar: pontos fortes da


composição, definidos pelo centro óptico e geométrico; dá-se
mais destaque sempre aos elementos posicionados no centro ou
nos pontos fortes compositivos (ver Matsushita)
Composição
Forma x Conteúdo Emissor x Receptor
. componentes básicos e irredutíveis de todos os (Publicitário/Jornalista x Consumidor/Leitor)
meios de comunicação Uma mensagem é composta tendo em vista um
. o conteúdo é a mensagem, aquilo que está objetivo: contar, expressar, explicar, dirigir,
direta ou indiretamente sendo expresso; é o inspirar, afetar. Para isso, fazem-se escolhas para
caráter da informação; na comunicação visual, reforçar e intensificar as intenções expressivas.
nunca está separado da forma . a composição é o meio de controlar a
. a forma são os elementos compositivos visuais interpretação de uma mensagem visual
no interior de uma estrutura . quanto mais direta e expressiva a composição,
. em muitos casos, o conteúdo pode ser o maior a chance de obter o feedback (a
mesmo, mas apresentado em formas diferentes interpretação) esperada.
(ex. de amor: imagem ou carta)
Composição
O resultado final de uma experiência visual
depende de quatro fatores:
1. Conteúdo
. mensagem e significado
2. Forma
. design, meio, ordenação/composição
3. Emissor
. designer, artista, comunicador
4. Receptor
. leitor, público, consumidor
Composição | Técnicas de Comunicação Visual
. oferecem uma variedade de meios para a expressão visual do conteúdo
. funcionam em polaridades
. escolhas refletem no controle do efeito desejado, resultando em composições fortes
. é necessário cuidado no uso das técnicas para não comprometer a clareza do resultado;
a comunicação visual, para publicidade e jornalismo, deve ser direta, clara e objetiva, assim
como sua compreensão deve ser rápida e imediata
. algumas técnicas disponíveis:
Equilíbrio / Tensão Unidade / Fragmentação
Simetria / Assimetria Minimização / Exagero
Regularidade / Irregularidade Neutralidade / Ênfase
Simplicidade / Complexidade Contraste / Harmonia
Composição | Técnicas de Comunicação Visual
Equilíbrio / Tensão
.um centro de suspensão entre dois pesos
x imagem inquieta, provocadora
Composição | Técnicas de Comunicação Visual
Simetria / Assimetria
. equilíbrio lógico, axial; cada unidade de
um lado é repetida de outro.
Composição | Técnicas de Comunicação Visual
Simetria / Assimetria
Composição | Técnicas de Comunicação Visual
Regularidade / Irregularidade
. uniformidade de elementos (ordem)
x surpresa, inesperado (desordem)
Composição | Técnicas de Comunicação Visual
Simplicidade / Complexidade
. síntese visual, imediata e uniforme
x inúmeras unidades e forças
Composição | Técnicas de Comunicação Visual
Simplicidade /
Complexidade
Composição | Técnicas de Comunicação Visual
Unidade / Fragmentação
. um todo de elementos em equilíbrio
x decomposição de elementos individuais
Composição | Técnicas de Comunicação Visual
Minimização / Exagero
. a máxima resposta com um mínimo
de elementos (menos é mais)
x intensificação e amplificação
da informação
Composição | Técnicas de Comunicação Visual
Minimização / Exagero
Composição | Técnicas de Comunicação Visual
Neutralidade / Ênfase
. configuração menos x mais provocadora;
uso de realce
Composição | Técnicas de Comunicação Visual
Contraste
. contraste: ideia de opostos
. contraste pode ser de tamanho, de cor e de
peso tipográfico
. contraste de tamanho: os elementos
maiores destacam-se de imediato,
independente do lugar em que se
apresentam na página; nem sempre o que se
lê primeiro está no topo alinhado à esquerda,
embora este seja um lugar privilegiado; o
tamanho das letras em destaque é o que
chamará mais a atenção do leitor
Composição | Técnicas de Comunicação Visual
Contraste
. contraste de cor: pode ser em
relação ao tom (luminosidade), à
matiz (cores complementares, por
exemplo) ou à saturação; em geral,
cores quentes chamam mais a
atenção e parecem mais próximas
do que cores frias
Composição | Técnicas de Comunicação Visual
Contraste
. contraste de peso tipográfico:
quanto mais pesados e mais escuros,
mais chamam a atenção, pois
tornam-se mais fortes e marcantes; a
imagem, quando bem explorada, é
extremamente enriquecedora – pode
ser um complemento do texto ou até
mesmo um elemento oposto ao que
se diz; a imagem pode se expressar
de maneira harmônica com o texto ou
ser invasiva e rebelde, depende
apenas do objetivo da mensagem.
Contraste
. contraste de peso tipográfico
Equilíbrio / Tensão
Simetria / Assimetria
Regularidade / Irregularidade
Simplicidade / Complexidade
Unidade / Fragmentação
Minimização / Exagero
Neutralidade / Ênfase
Contraste / Harmonia

Resumo
Técnicas de composição
Dicas de Cursos e Sites Online

Udemy
https://www.udemy.com/
Cursos Livres de Habilidades Cursos Livres de Programas
Iped
Melies DRC https://www.iped.com.br/
http://melies.com/ http://drc.org.br/
DesignFera
Quanta Academia de Artes ENG http://designfera.com.br/
http://quantaacademia.com/ http://www.eng.com.br/

Escola Britânica de Artes Criativas Cadritech


http://www.ebac.art.br/ http://www.cadritech.com.br/ Programas
recomendados
Escola Panamericana AlphaChannel
http://www.escola-panamericana.com.br http://www.alphachannel.net.br/ Photoshop
Illustrator / CorelDraw
Instituto Europeu de Design SOS Computadores InDesign
https://ied.edu.br/ http://www.sos.com.br/

Você também pode gostar