Transcript
Page 1: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 2: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 3: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 4: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 5: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 6: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 7: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 8: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 9: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 10: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 11: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 12: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 13: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 14: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 15: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 16: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 17: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 18: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 19: Aulas_UFCD 135_Design e comunicação visual.pdf
Page 20: Aulas_UFCD 135_Design e comunicação visual.pdf

Design –Comunicaçã Multimédia

Comunicação

Curso

Técnico de Multimédia

Prof. Beatriz LopesAno lectivo 2014/2015

Escola Profissional da Serra da Estrela

Page 21: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 2

“Multimédia é qualquer combinação de texto,

arte gráfica, som, animação e vídeo

apresentada ao utilizador por um computador ou

por outro meio electrónico”Vaughan, 1996

O que é a multimédia?

Podemos dizer que a multimédia é o usodiversificado de meios, entre o emissor eo receptor, para a divulgação damensagem, ou seja, para comunicarementre si.

Page 22: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 3

Tipos de Media

Animações

Áudio

Gráficos

Imagens

Textos

Vídeos

O que é a multimédia?

Page 23: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 4

A habilidade para comunicar foi desenvolvidadevido à necessidade sentida pelas sociedadesprimitivas em termos de troca de informações ede relação com os outros.

Provavelmente, em primeiro lugar foi desenvolvida a fala, das formas mais primitivas de grunhidos até à linguagem actual;

Em segundo lugar, os seres humanos teriamsentido a necessidade de deixar registos doque acontecia nas suas comunidades e, porisso, criaram signos primitivos, que mais tardese transformaram na escrita.

O que é a comunicação?

Page 24: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 5

A palavra “comunicação” provém do latim

“communicare”, ou seja, tornar algo comum;

Na Língua Portuguesa assume diversos

significados, como ação ou efeito de

comunicar, participação, aviso, informação,

convivência, passagem de um ponto para o

outro.

O que é a comunicação?

Page 25: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 6

A comunicação é exclusiva dos seres vivosque vivem em grupos e que por isso têm algo apôr em comum;

Comunicar também pode ser entendido comouma actividade eminentemente social,manifestando-se sob todas as formas derelação social, ou intercâmbio de informação,em que exista participação de indivíduos ou degrupos;

Se não houver sociedades e grupos, nãohaverá a necessidade de partilha, de tornarcomum o que quer que seja!

O que é a comunicação?

Page 26: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 7

A comunicação humana é um processointeractivo, que utiliza sistemas simbólicoscomo suporte, envolvendo, para além dalinguagem verbal e escrita, uma infinidade deoutras formas de comunicar.

O que é a comunicação?

Page 27: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 8

Processo de comunicação é a forma

como partilhamos a informação, as ideias

e as atitudes;

Este processo pode ser mais ou menos

interactivo e pode ocorrer de formas

muito variadas;

Processo de comunicação

Page 28: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 9

Envolvem pelo menos dois indivíduos ou

duas entidades: a que envia a mensagem

e a que a recebe;

Não é possível um indivíduo comunicar

sozinho. São precisos sempre dois!

Processo de comunicação

Page 29: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 10

1. A fonte ou emissor, ou seja, a pessoa ou

entidade que emite a mensagem;

2. A mensagem que é o objecto da

comunicação, ou seja, aquilo que o emissor

transmite;

3. O destinatário ou receptor, ou seja, a

pessoa, pessoas ou entidade para a(s)

qual(quais) a mensagem é enviada.

4. O suporte ou canal, que é o meio físico que

permite o encaminhamento da mensagem

entre o emissor e o receptor.

No processo mais básico de comunicação estão definidos quatro elementos organizados:

Processo de comunicação

Page 30: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 11

Processo de comunicação Comunicação Unilateral

A comunicação unilateral é um processo de

informação puro em que o emissor não recebe qualquer

retorno. O emissor envia uma mensagem que é recebida

pelo receptor que não se pronuncia. O emissor jamais

saberá se a mensagem chegou ao destino ou se foi bem

compreendida pelo receptor.

Page 31: Aulas_UFCD 135_Design e comunicação visual.pdf

Rec

epto

r

Em

isso

r

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 12

Processo de comunicação Comunicação Unilateral

mensagem

Page 32: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 13

Processo de comunicação Comunicação bilateral

No processo bilateral, o receptor pode ser emissor e vice-

versa, havendo sempre a hipótese de validação da

recepção e percepção da mensagem;

O emissor tem forma de garantir a compreensão do

receptor e este pode questionar, caso não tenha recebido

a mensagem com clareza.

Page 33: Aulas_UFCD 135_Design e comunicação visual.pdf

Rec

epto

r

Em

isso

r

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 14

Processo de comunicação Comunicação Bilateral

mensagem

Feedback

Page 34: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 15

Processo de comunicação

Emissor ReceptorCanal

Page 35: Aulas_UFCD 135_Design e comunicação visual.pdf

Rec

eto

r

Em

isso

r

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 16

Processo de comunicaçãoruído

ruído

codificadordescodificador

Mensagem

?

Page 36: Aulas_UFCD 135_Design e comunicação visual.pdf

Em

isso

r

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 17

Processo de comunicaçãoruído

ruído

codificador descodificador

aparelho emissor

aparelho receptor

Mensagem

Men

sage

m o

rigin

al

Men

sage

m r

ecup

erad

a

Page 37: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 18

Tipos de linguagem

VerbalFala

Escrita

Não verbal

Gestos;

A postura;

O olhar;

O uso do espaço;

Os movimentos

corporais;

Expressão facial;

Tudo comunica e toda a interacção é comunicação

Page 38: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 19

Tipos de linguagem

Comunicação verbal é toda a

comunicação que utiliza símbolos

orais ou escritos;

As dificuldades de comunicação

ocorrem quando as palavras têm

graus distintos de abstracção e

variedade de sentido.

Comunicação verbal

Page 39: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 20

Tipos de linguagem

A comunicação não verbal é o

conjunto de sinais que produzimos,

de gestos que fazemos, de imagens

que criamos ou que percebemos;

Esses sinais são efectuados através

das mãos, da cabeça, do rosto, da

boca, pela expressão do próprio

corpo.

Comunicação não verbal

Page 40: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 21

problemas da comunicação

Nem todos os estímulos emitidos pela

fonte de informação percorrem o

processo de modo a chegar ao

destino de igual modo;

A mensagem pode sofrer perdas,

cortes, distorções, ruídos,

interferências, ampliações ou desvios.

?

Page 41: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 22

problemas da comunicação

O acto de comunicar está

profundamente relacionado com as

percepções e motivações do emissor

e do receptor;

Os indivíduos apresentam

características diferenciadas e usam

mecanismos de defesa próprios

devido a experiências anteriores.

?

Page 42: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 23

problemas da comunicação

Problemas com a mensagem

omissão sobrecarga distorção

Page 43: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 24

problemas da comunicação

A omissão ocorre quando algumas

partes da mensagem são simplesmente

suprimidas, eliminadas ou cortadas, pelo

emissor ou pelo receptor, provando uma

comunicação incompleta ou com perda de

substância do significado. A mensagem

percebida é diferente da mensagem emitida.

Page 44: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 25

Page 45: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 26

problemas da comunicação

A sobrecarga está relacionada com a

quantidade de comunicação: se esta

ultrapassa a capacidade do receptor em

termos de processamento de informação,

terá como consequência linear a simples

perda ou distorção do conteúdo da

mensagem.

Page 46: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 27

problemas da comunicação

Há distorção quando a mensagem sofre

alteração, deturpação ou modificação, de

modo que o seu conteúdo ou objectivo inicial

seja alterado e modificado.

Page 47: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 201528

Barreiras à comunicação

Barreiras são obstáculos ou formas

de resistência à comunicação.

Podem ser agregadas em 3 grandes

tipologias:

Pessoais

Físicas

Semânticas

Page 48: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 201529

Barreiras à comunicação

As barreiras pessoais são

interferências que decorrem de limitações,

emoções, motivações e valores individuais;

Estão intimamente ligadas e relacionadas com

os indivíduos e com as suas percepções,

podendo limitar ou distorcer a comunicação.

Page 49: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 201530

Barreiras à comunicação

As barreiras físicas estão ligadas

ao meio físico, são interferências do meio

envolvente onde ocorre o processo de

comunicação. Uma porta que se abre no

decorrer de uma aula ou a distância física

entre pessoas podem servir de exemplos.

Page 50: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 201531

Barreiras à comunicação

Barreiras semânticas são

limitações ou distorções dos símbolos

através dos quais se faz a comunicação.

Incluem-se nas barreiras semânticas as

diferenças na língua, as divergências em

códigos dentro da mesma língua, mas em

profissões ou em estratos sociais

diferentes.

As barreiras culturais também

podem ser incluídas nas barreiras

semânticas.

Page 51: Aulas_UFCD 135_Design e comunicação visual.pdf

Ruído

Emissor (quem?)

Mensagem (o quê?)

Canal (qual?)

Codificação (como?)

Receptor (para

quem?)

Descodificação

(como?)Resposta (reacção)

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 32

Page 52: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 33

Emissor:quem produz

Receptor: destinatário

Mensagem: o que é transmitido

Signos: elementos da mensagem (palavra, gesto, imagem)

Informação: conteúdo

Código: linguagem da mensagem (visual, sonora, táctil)

Sintonia:

ligação entre emissor/receptor

FeedbackOu retorno

Contexto: interno e externo

Sinais: físicos (gráficos, sonoros, ondas luminosas)

Canal: meio físico

Ruído: sinal que atrapalha

Page 53: Aulas_UFCD 135_Design e comunicação visual.pdf

Design –ComunicaçãoMultimédia

Logótipo & Marca

Curso

Técnico de Multimédia

Prof. Beatriz LopesAno lectivo 2014/2015

Escola Profissional da Serra da Estrela

Page 54: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 2

Logótipo, ou logo, é o conceito da área dapublicidade, marketing e branding queconsiste na representação visual ou gráficaque identifica uma marca ou empresa.

O que é um logótipo?

O logótipo tem o objetivo de distinguir umamarca dos seus concorrentes, criando umaligação com os consumidores e potenciaisconsumidores.

A criação de um logótipo é essencial parauma empresa, sendo que não basta servisualmente agradável, este tem quesignificar alguma coisa. Para isso, acriatividade é essencial, e as cores,formas e letras introduzidas no logótipodevem ser cuidadosamente ponderadas.

Page 55: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 3

O que é um logótipo?

•Tipográfico

•Figurativo

•Abstracto

•Ou uma combinação de todos

Pode ser:

Page 56: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 4

O que é um logótipo?

•Em duas ou três dimensões

•Monocromático ou a cores

Pode ser:

Geralmente é criada uma versão em duas dimensões dos logos 3D e uma versão a preto e branco dos a cores.

Page 57: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 5

A evolução do logótipo?

Muitas vezes, com o passar do tempo, oslogótipos de uma marca ou empresapodem mudar, de forma a se adaptar auma nova filosofia, mentalidade ou formade actuação no mercado.

Page 58: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 6

O que é um logótipo?

Page 59: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 7

O que é um logótipo?

Page 60: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 8

O que é um logótipo?

Page 61: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 9

O que é um logótipo?

Page 62: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 10

O que é a marca?

•Uma marca é a identidade visual de um grupo relacionado de produtos ou de serviços de uma fonte comum;

•Está relacionada com o mercado (ou muitas vezes, um mercado específico) do que com a actividade económica geral da empresa;

•Consiste nos logos, cores, nomes, formas das embalagens ou slogans que lhes são únicos;

•Pode conter ou não elementos que derivem da identidade empresarial.

Page 63: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 11

O que é a marca?

Page 64: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015 12

Símbolo, logótipo ou marca?

Símbolo:Não é obrigatório para criar a marca. Não existe uma regra: pode ser abstracto, figurativo ou representativo. É o “desenho” que faz conjunto com o nome da empresa.

Logótipo:É nada mais nada menos que o nome da empresa ou produto, ou seja, a representação escrita (tipografia) com uma fonte diferente ou até desenhada.

Marca:É a conjugação do Símbolo com o Logótipo.

Page 65: Aulas_UFCD 135_Design e comunicação visual.pdf

Design –Comunicação Multimédia

Curso

Técnico de Multimédia

Prof. Beatriz LopesAno lectivo 2014/2015

Escola Profissional da Serra da Estrela

A cor

Page 66: Aulas_UFCD 135_Design e comunicação visual.pdf

Fisiologicamente, «cor» é a sensação de luz transmitida ao cérebro através dos nossos olhos.

Luz - cor

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Page 67: Aulas_UFCD 135_Design e comunicação visual.pdf

A luz branca, de facto,é uma mistura de diversas «cores».É o «reflexo» das radiações associadas à luz solar que permite que percecionemos a «cor» de um objeto;assim, um objeto é amarelo porque reflete a «cor» amarela, ou vermelho porque reflete a cor vermelha.

Luz - cor

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Page 68: Aulas_UFCD 135_Design e comunicação visual.pdf

A luz (a radiação) não viaja em linha reta, mas em ondas.

Comprimento de onda é a distância que vai de um máximo, um «pico», a outro.

Comprimento de onda

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Luz - cor

Page 69: Aulas_UFCD 135_Design e comunicação visual.pdf

Isaac Newton (1642-1727)Foi Sir Isaac Newton, físico inglês, quem, em condições laboratoriais, primeiro decompôs a luz branca nas cores do espetro visível.

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Luz - cor

Page 70: Aulas_UFCD 135_Design e comunicação visual.pdf

A luz do sol é de facto uma mistura de várias ondas de radiação com diferentes comprimentos de onda que é possível «separar» quando a luz branca, ao atravessar um prisma ótico, é refratada numa gama visível de sete cores:

violeta

azul-violeta (anil)

azul

verde

amarelo

laranja

vermelho

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Luz - cor

Page 71: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Mistura aditiva - RedGreenBlue

Page 72: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

circulo cromático aditivo - RedGreenBlue

COR PRIMÁRIAVermelho (Red)

COR PRIMÁRIAVerde (Green)

COR PRIMÁRIAAzul (Blue)

COR SECUNDÁRIA

Page 73: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Mistura subtractiva – CyanMangentaYellow blacK

Page 74: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Mistura subtractiva – CyanMangentaYellow blacK

PRIMÁRIAAmarelo (Yellow)

SE

CU

ND

ÁR

IA

inte

rméd

ia

interm

édia

Page 75: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Cores complementares

Page 76: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Cores quentes e cores friasAs cores frias transmitem sensações

como a frescura, calma, tranquilidade,

leveza e bem-estar. Por este motivo

são utilizadas em espaços onde se

permanece durante muito tempo.

As cores quentes, como o vermelho,

laranja ou amarelo, são cores que

comunicam sensações estimulantes,

como calor/quente. Estas cores são

privilegiadas na sinalética de alerta ou

perigo, ou em espaços que se

pretendam destacar.

Page 77: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Cores quentes, cores frias cores complementares

“In No começo era…a mulher”, Armanda Passos (1981)

"In No começo era...a mulher" de Armanda Passos (1981)

"New York Tiger´s Blue" de Júlio Pomar, SPA (2013)

CO

RE

S Q

UE

NT

ES

CO

RE

S F

RIA

S

CO

RE

S C

OM

PL

EM

EN

TAR

ES

Page 78: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Cores monocromáticas

“Guernica”, de Picasso (1937)

Quando um trabalho recorre a váriostons da mesma cor, em que pela adiçãogradativa de branco ou preto, seobtém a mesma cor com variação detonalidades, designa-se monocromia,ou recurso ao degradê da cor.

Esta técnica pode ser aplicada nas coresprimárias, secundárias, terciárias ouneutras (preto ou branco). Nas coresneutras obtém-se um gradiente naescala dos cinzentos, conseguindo-secriar diferentes perceções de distância,volume e planos.

Page 79: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – simbologia e comunicação

Tudo o que existe no mundo, e portanto

que nos rodeia, está associado à cor,

pelo que está presente nas paisagens

(naturais ou humanizadas), nas

plantas, animais ou objetos. Muitos dos

objetos desenvolvidos pelo homem ao

longo da história, foram inspirados na

natureza, e tal também aconteceu com

as cores. Estas são fundamentais na

comunicação pelos estímulos e

sensações que provocam, assim como

pela associação cultural.

Page 80: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – simbologia e comunicaçãoNa comunicação gráfica a cor é fundamental,

em que normalmente se associam grafismos

e/ou indicações luminosas, de forma a

reforçar a mensagem.

Devido à globalização, a tendência leva à

criação de convenções de significado

universal, criaram-se normas específicas em

termos de comunicação visual cromática. Em

outros contextos como em arquitetura,

decoração, design de produtos, industria do

calçado ou vestuário, também se tem em

consideração, para além da forma ou função,

o equilíbrio das cores, em função das

tendências de consumo.

Page 81: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – simbologia e comunicação

Em termos culturais a mesma cor pode

ter significados diferentes, como por

exemplo o branco, que na Europa está

associada à paz e pureza, enquanto

que no Oriente significa luto. No

entanto geralmente as cores estão

associadas a sensações, a que se

chama psicologia da cor, representada

na tabela ao lado, para a cultura

ocidental.

Page 82: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Page 83: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – vermelho

Uma cor amplamente utilizada no marketing é o Vermelho,

possui uma acção estimulante (chegando a acelerar os

batimentos cardíacos), em restaurantes é utilizado para

estimular a sensação de apetite. O vermelho cria um senso

de urgência, é excelente para estimular a compra no ato,

compradores impulsivos.

Page 84: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – amarelo

Esta cor ajuda a estimular o optimismo e também para

chamar a atenção para determinadas áreas sem que isto faça

com que a pessoa tenha que tomar uma acção imediata. O

amarelo também ajuda a transmitir uma imagem clara, de

transparência associada à sua marca.

Page 85: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – azul

Uma cor pouco invasiva mas extremamente poderosa para o

marketing, por não ser invasiva estimula a pessoa a passar

mais tempo a observar o anúncio/ produto, o que pode ser

excelente para que a pessoa dê maior atenção ao texto/vídeo

elaborado com técnicas de copywriting. O Azul também ajuda

a transmitir uma sensação de segurança, o que é importante

para negócios online.

Page 86: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – laranja

Esta é uma cor que possui praticamente os mesmo usos que

o vermelho em marketing, porém de uma forma um pouco

menos invasiva, o que pode ser interessante dependendo do

público-alvo. O laranja também transmite uma sensação

amigável, portanto pode ajudar a aumentar a conexão entre o

vendedor e os consumidores/ compradores.

Page 87: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – Verde

O verde é uma cor fortemente associada à natureza, à saúde

e ao dinheiro, se a mensagem que pretende passar está

relacionada a qualquer um dos três certamente isso poderá

ajudar. É também uma cor amigável que ajuda a relaxar.

Page 88: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Simbologia da cor – Violeta

Esta é uma cor fortemente associada à beleza e também

ajuda a transmitir calma, estimula a criatividade, o que

também pode ser usado a seu favor em momentos pontuais

de um vídeo de vendas (principalmente quando estiver

“pintando o quadro do prazer futuro…”). Ideal para ser

utilizada em projetos que de alguma forma transmitam a

mensagem de transcendência.

Page 89: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Page 90: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015

Page 91: Aulas_UFCD 135_Design e comunicação visual.pdf

Escola Profissional da Serra da Estrela | Curso Técnico de Multimédia | Prof. Beatriz Lopes | 2014 / 2015