Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Expressões visuais

No description
by

Aline Gambin

on 28 October 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Expressões visuais

EXPRESSÕES Visuais gráficas
Professora ALINE GAMBIN
OBJETIVOS DA CERTIFICAÇÃO
• Desenvolver as competências técnicas e estéticas dos estudantes na criação de produtos visuais gráficos;
• Apresentar um panorama geral dos estudos sobre imagem, os conceitos e as principais questões que envolvem o planejamento visual gráfico, buscando fertilizar os processos de criação e produção;
• Fornecer conhecimentos básicos sobre a teoria das relações entre a estética e a comunicação social;
• Estimular a crítica e o juízo de valor sobre os produtos visuais híbridos de textos e imagens;
• Exercitar a pesquisa, planejamento e criação de produções visuais gráficas.

estética
Princípios básicos de design
componentes estéticos
TIPOLOGIA
“O conceito de estética provem da palavra grega “aisthesis” e significa percepção sensorial”.
(Bernd Löbach).
Segundo Löbach (1981) estética é a ciência das aparências perceptíveis pelos sentidos de percepção humana considerando sua importância como parte de um sistema sócio-cultural.

Estética
(Robin Williams, 1995)
1. Proximidade
2. Alinhamento
3. Repetição
4. Contraste

1. PROXIMIDADE
Itens relacionados entre si devem ser agrupados.
2. ALINHAMENTO
Nada deve ser colocado arbitrariamente em uma página. Cada item deve ter uma conexão visual com algo na página.
3. REPETIÇÃO
Ajuda a organizar as informações e unificar o layout.
4. CONTRASTE
É uma das maneiras mais eficazes de acrescentar algum atrativo visual no layout, criando uma hierarquia organizacional entre diferentes elementos.
(Milton Ribeiro, 2003)
1. AGRUPAMENTOS
MMMM
MMMMMMMM
Centralizado
MMMMM
MMMM
MMM
Decrescente
MMM
MMMM
MMMMM
Crescente
Esquerda
Direita
MMMMM
MMMM
MMM
MMMMM
MMMM
MMM
2. FORMATO
Princípio de Vitruvio
“Para que um todo, dividido em partes desiguais, pareça harmonioso, é preciso que exista, entre a parte pequena e a maior, a mesma relação que entre a grande e o todo.”
(Euclides)
componentes estéticos
Proporção Áurea
Em 1509, Luca Pacioli e Leonardo da Vinci publicaram o livro “Divina Proportione ” - uma pesquisa sobre proporções divinas na natureza.

A série de Fibonacci - a natureza é baseada nos números 1, 2, 3, 5, 8, 13, 21, 34. Quando cada um destes números é somado com o número anterior, cria o próximo (1+1=2, 1+2=3, 3+2=5, etc).

A proporção cresce na escala 1,618033989.
Phi = 1,618
Na mídia impressa, é comum arredondar para 1,62
componentes estéticos
3. UNIDADE
É verificada na composição quando não existem elementos discordantes, ficando assegurada com a subordinação do desenvolvimento do tema ao motivo principal.
componentes estéticos
4. Harmonia

A harmonia se estabelece por linha e forma, tamanho, ideia e cor.
componentes estéticos
5. Simplicidade
Evita a multiplicidade de focos.
A maior porcentagem de componentes provoca no observador um maior esforço visual.

6. Proporção
O tamanho e peso de cada elemento devem estar em equilíbrio com o tamanho e forma da composição.

Os princípios:
- uma forma é mais interessante quando o comprimento é uma vez e meia a largura;
- quando um espaço se divide em três partes, uma destas deve ser dominante;
- deve existir uma relação entre as partes de uma composição e o conjunto.

Componentes estéticos
7. Equilíbrio

Princípio da balança ordinária
Objetos do mesmo tamanho e de aspectos parecidos, devem situar-se a distâncias iguais do centro (Equilíbrio simétrico)
Princípio da balança romana ou fulcro
Se os objetos não são do mesmo tamanho, nem se parecem, o maior se colocará mais perto do centro e o menor mais longe (Equilíbrio assimétrico).
Componentes estéticos
8. MOVIMENTO
É gerado pela canalização da vista por formas geométricas, com breves paradas nos pontos de interesse, até percorrer toda a composição.


9. DESTAQUE
Todo layout precisa apresentar o predomínio de um ou mais elementos sobre o conjunto.
Pode ser determinado pelo peso, tamanho ou posição de um determinado elemento em relação aos restantes, pelo espaço ou pelo domínio da cor.

"A finalidade da tipografia consiste em apresentar o pensamento escrito sob uma forma ordenada, clara e equilibrada, que facilite a leitura e, graficamente, concorde com seu espírito".
TIPOLOGIA
Estilo antigo
TIPOLOGIA
Estilo Moderno
tipologia
Serifa
Tipologia
Manuscrito
TIPOLOGIA
Decorativo
Uso e técnica de cores
Rosácea cromática
REFERÊNCIAS
COLLARO, Antonio Celso.
Projeto gráfico
: teoria e prática da diagramação. 7. ed. São Paulo: Summus, 2006.

GOMES Filho, João.
Gestalt do objeto
: sistema de leitura visual da forma. São Paulo: Escrituras, 2003.

RIBEIRO, Milton.
Planejamento visual gráfico
. 9. ed. Brasília: LGE Editora, 2003.

WILLIAMS, Robin.
Design para quem não é designer
: noções básicas de planejamento visual. São Paulo: Callis, 1995.

LUZ E COR

Uso e técnica de cores
(Robin Williams, 1995)
O que é beleza?
Princípios básicos de design
Princípios básicos de design
Princípios básicos de design
Princípios básicos de design
O que é design?
"Palavra inglesa originária de designo (as-are-avi-atum), que em latim significa designar, indicar, representar, marcar, ordenar."
D
e
s
i
g
n
gráfico
"É a atividade profissional e a consequente área de conhecimento cujo objetivo é a elaboração de projetos para reprodução por meio gráfico de peças expressamente comunicacionais" (VILLAS-BOAS, 2003)
Intervenção
urbana

Elementos:
Os indivíduos, o fluxo urbano coletivo, o trânsito, a arquitetura, a paisagem, o clima, a cultura e os demais fenômenos ocorrentes nesse espaço público onde tal intervenção se inscreve.
Intervenção urbana
"Intervir é interagir, causar reações diretas ou indiretas, em síntese, é tornar uma obra interrelacional com o seu meio, por mais complexo que seja, considerando-se o seu contexto histórico, sociopolítico e cultural." (Barja, 2002)
"As características híbridas da linguagem da intervenção urbana são capazes de ultrapassar, inclusive, as fronteiras da própria arte, projetando-se na vida cotidiana, como foi preconizado nas vanguardas históricas da Alta Modernidade do início do século XX, em que a arte deveria fazer parte vida." (Barja, 2002)
Intervenção Urbana
Alto grau de visibilidade e interatividade com seus componentes espaciais e humanos.
Intervenção Urbana
Oakoak
O artista francês gosta de realizar intervenções divertidas pela cidade.
Clet Abraham
A grande sacada desse artista, que mora em Florença, é criar intervenções em placas de trânsito.
Eduardo Srur
O artista brasileiro é conhecido por fazer intervenções que questionam o sistema social de forma crítica, mas bem humorada.
Estética
Categorias que provocam uma situação estética:

- o FEIO que desagrada, repugna ou ofende, pode ter um efeito estético ao questionar o mundo humano, mostrando a fealdade como forma de elevar nossa consciência. O feio é o que não se quer ver. Observar seus detalhes pode nos conduzir a outras descobertas: à coragem ou ao enfrentamento, por exemplo.


- o SUBLIME, algo grandioso ou elevado que se encontra em fenômenos da natureza ou em comportamentos que extrapolem a existência normal cotidiana.
O sublime não é apenas o belo elevado ao seu mais alto grau; exige a condição de ilimitado, ou seja: é sublime o que nos escapa do juízo imediato do belo.



- o CÔMICO, ao exibir uma contradição entre algo que se apresenta como valioso e sua inconsistência ou falta de valor, pode ser uma forma estética de crítica social bastante potente.


- o TRÁGICO do ponto de vista estético, incorpora não só critérios de dramaticidade, mas também um certo “prazer” no sujeito estético, por mais antagônico que sejam esses sentimentos.


- o GROTESCO, mostrando o estranho, o fantástico, o absurdo, o irracional na realidade que se apresenta como coerente, também pode promover uma experiência estética. O grotesco é algo que existe potencialmente, ás vezes aterrorizantemente.
Estética
Estética
Estética
Estética
Raízes do design
(Allen Hurlburt, 2002)
“O estilo do século XX – o que chamamos por design moderno – é uma complexa fecundação cruzada de influências e movimentos artísticos”
(HURLBURT, 2002, p. 13 )
Raízes do design
Raízes do design
Raízes do design
Raízes do design
Raízes do design
Raízes do design
Raízes do design
Raízes do design
1. Art Nouveau
Foi o primeiro movimento orientado exclusivamente para o design.

É importante para o design gráfico por que:
- estilo que fixa para a página impressa;
- influência na criação de letras e marcas;
- criação dos modernos pôsteres;
- Influência na moda, tecidos, mobílias e objetos populares.

Charles Rennie Mackintosh
2. Cubismo
A fonte mais comumente apontada como a origem da moderna arte gráfica é o Cubismo, iniciado em Paris por Pablo Picasso e George Braque.



Les Demoiselles d’Avignon, 1907, foi o quadro que iniciou o movimento cubista e lançou os fundamentos da arte moderna.
Homenagem a Bach, de George Braque, 1912.
- Ao grudar nas suas telas fragmentos impressos e rótulos eles sugeriram novas maneiras de combinar imagens e comunicar ideias.
- O uso de letras estampadas ou gravadas, em suas pinturas, aria novas possibilidades para a tipografia.
- Na década de 20, foi decisivo na criação de pôsteres e no design publicitário;
- Rompeu as regras tradicionais de representação e de forma.

2. Cubismo
3. Dadaísmo
Ajudou os designers gráficos a se libertar de restrições retilíneas e reforçou a ideia cubista do uso da letra em si mesma como uma experiência visual.

O humor, o chocante e o surpreendente tem um importante papel na apatia visual.

Pôster de 1966, do japonês Tadonari Yokoo.
Marius de Zayas, 1905)
4. Surrealismo
Em virtude da estreita relação com as reações emocionais e os estímulos do inconsciente, este movimento teve influência particularmente decisiva na comunicação visual e na ilustração contemporânea
De Salvador Dali, Persistência da Memória.
5. Construtivismo
Combina palavras e imagens numa experiência simultânea, tanto na página impressa quanto nos filmes.

Técnicas visuais: fotomontagem, fotogramas e a superposição.

A composição palavra-imagem iniciava o primeiro passo para o fotojornalismo.

Poster de El Lissitzki, 1929, um dos mais notáveis pioneiros do design gráfico moderno.
6. Art Déco
O estilo forneceu elegantes designs que fazem bom uso dos espaços em branco e das linhas de composição amplamente entrelinhadas, não raro contrastando com pesados títulos em negrito.

Os designers concediam-se abstrações geométricas com toques cubistas.

7. De Stijl
Os designers do grupo fizeram-se notar pela rigorosa precisão com que dividiam o espaço, pela tensão e pelo equilíbrio (assimetria), por seu arrojado e criativo uso das formas básicas e das cores primárias e pela máxima simplicidade de suas soluções.
8. Bauhaus
Paul Klee
Instrutor de mistura de cores e da teoria das cores.
O espaço contínuo começa com um ponto que se move para formar uma linha, que por sua vez, se move para formar um plano.
Wassily Kandinsky
Enfoque intensamente geométrico do design e o uso das cores primárias.

8. Bauhaus
8. Bauhaus
8. Bauhaus
László Moholy-Nagy
Ajudou a estender ao layout das páginas impressas as novas atitudes do design, com as suas inovadoras combinações de imagens visuais e simplificada tipografia.

Josef Albers
Design bidimensional e teoria da cor.

Herbert Bayer
Eliminação da letra maiúscula nos títulos, tipos mais simples e articulados.


8. Bauhaus
Gestalt
(Gomes Filho, 2009)
Escola Gestalt
Precursor da psicologia da Gestalt - Christian von Ehrenfels;
Universidade de Frankfurt - 1910;
Os principais nomes: Max Wertheimer, Wolfgang Kohler e Kurt Koffka;
CORES COMPLEMENTARES E ANÁLOGAS
Uso e técnica de cores
TOM, SATURAÇÃO E LUMINOSIDADE

Uso e técnica de cores
O SIGNIFICADO DAS CORES

Um exemplo extremo que podemos citar é com a percepção da cor preta: quando a cultura ocidental deu a essa cor uma imagem de morte e ligação com o mal, no Egito está ligado ao nascimento e ressureição e na cultura hebraica significa a compreensão.


Uso e técnica de cores
Uso e técnica de cores
A luz que chamamos de branca é o resultado da combinação de muitos raios coloridos.

Newton (1666) - Disco de Newton


Com maior intensidade de luz, a íris, que funciona como um diafragma de uma máquina fotográfica, contrai-se; com pouca luz, dilata-se;
Síntese aditiva das cores - RGB
Qual a cor que você mais gosta?
Avaliação
Individual da unidade
10 pontos
Entrega no prazo;
Qualidade estética dos trabalhos;
Leitura dos textos;
Participacão em aula.

Projeto Integrado
10 pontos
1 - Criação do conceito e layout de cartaz para evento;
5 trabalhos individuais
Avaliação
2 - Projeto de divulgação do evento:
1. Planejamento da campanha;
1.1 Meios de comunicação que iremos utilizar;
1.2 Planejamento do conteúdo nas perspectivas da comunicação hipermidiática e gráfica.

2. Produção e criação
2.1 Narrativas visuais gráficas na perspectiva da linguagem hipertextual;
2.2 Perfis para comunicação no Twitter, Youtube, Facebook, etc
Estética
- o BELO, é eminentemente histórico, já que cada época e cada cultura têm os seus padrões de beleza próprios. Classicamente, o belo advém de grandezas como a ordem, a simetria e o limite e associa-se às noções de gosto, de equilíbrio, de harmonia e de perfeição. O belo (assim como as demais categorias) é sempre sensação subjetiva e desinteressada, o belo julga-se por si mesmo, “agrada sem conceito”.
Sistema de leitura visual da forma
A teoria sugere uma resposta ao porquê de umas formas agradarem mais e outras não.
A psicologia da forma se apoia na fisiologia do sistema nervoso, quando procura explicar a relação sujeito-objeto no campo da percepção.

Gestalt
A primeira sensação já é de forma, já é global e unificada.
Leis da organização da forma perceptual
Unidades
Leis da organização da forma perceptual
SEGREGAÇÃO
É a capacidade perceptiva de separar, identificar, evidenciar, notar ou destacar unidades.
Leis da organização da forma perceptual
Leis da organização da forma perceptual
Leis da organização da forma perceptual
Leis da organização da forma perceptual
Leis da organização da forma perceptual
Leis da organização da forma perceptual
Unificação
Harmonia - Equilíbrio Visual - Coerência do Estilo Formal
Fechamento
Continuidade
Proximidade
Semelhança
Pregnância da forma
TIPOLOGIA
TIPOLOGIA
TIPOLOGIA
TAMANHO
e
PESO
TIPOLOGIA
ESTRUTURA
e
FORMA
Utilizando a fonte ARIAL (caixa alta e caixa baixa), escreva o seu nome completo. Trabalhe o espaçamento entre os caracteres e palavras, o tamanho da fonte do nome e sobrenome. Faça duas opções de composição.

Num quadrado 15 x 15cm, utilizando apenas a fonte Times New Roman (caixa alta e/ou caixa baixa), no tamanho de letra e com a composição que julgar mais adequada, represente e reforce o conceito de uma das seguintes palavras:
enorme | poupança | tempestade | transição
. Use unicamente caracteres pretos sobre fundo branco.

Num quadrado 15 x 15cm, utilizando a fonte que considere mais adequada, escreva uma das palavras abaixo indicadas, tendo particular atenção que essa escolha deve reforçar os conceitos descritos:
ecológico | esguio | psicodélico
.

Reescreva em diferentes tipos de fontes, os seguintes títulos apresentados:
Brasil leva 7 x 1 da Alemanha e sofre a sua pior derrota na história. (Estadão)
Corpo do cantor Cauby Peixoto é sepultado em SP. (O Globo)
Dólar fecha em R$ 3,50 com alta das commodities. (O Globo)
Meteorologia confirma duas microexplosões em Santa Catarina. (Diário Catarinense)

Desenvolva uma TIPOGRAFIA específica para uma agência de propagnda. Deve ser criativa, moderna e impactante. ATENÇÃO à escolha das fonte, tamanho das informações, cores, peso de cada palavra, e também, à distribuição das palavras.

Exercício 1
Exercício 2
Exercício 3
Exercício 4
Exercício 5
Full transcript