TCC - Banca de Exame

PROJETO Cezar de Costa

ORIENTAÇÃO Carla Galvão Spinillo

COORIENTAÇÃO Carlos Felipe Urquizar

diversi&versao motion graphics como recurso paraa promoção do respeito à diversidade

DESIGN GRÁFICO TCC › BANCA DE EXAME

DESIGN GRÁFICO TCC › BANCA DE EXAME | Cezar de Costa

Estrutura daapresentação

panorama do projeto

introdução

fundamentação teórica

processo de design

considerações finais

02 › 40

DESIGN GRÁFICO TCC › BANCA DE EXAME | Cezar de Costa 03 › 40

panoramadoprojeto

ANÁLISE DESIGN DESENVOLVIMENTO IMPL&AVALIAÇÃO

PESQUISA BIBLIOGRÁFICA

EA › ANÁLISE PARAMÉTRICA

EC › ENTREVISTAS

CONCEITUAÇÃO

REQUISITOS

CONTEÚDO

STORYBOARD

STYLESHEET

ANIMAÇÃO

VALIDAÇÃO

AJUSTES FINOS

IMPLEMENTAÇÃO

BANCAEXAME

BANCAQUALIFICAÇÃO

//


→ Problema

→ Objetivos

→ Justificativa

introduçãointrodução


→ Problema

→ Objetivos

→ Justificativa

introdução

Preconceito, discriminação e violências frente às diferenças do outro,

particularmente quando dirigidos à indivíduos LGBT em ambiente escolar.

Como articular formas de combate a estas práticas em âmbito escolar?


→ Problema

→ Objetivos

→ Justificativa

introdução GERAL

Desenvolver uma animação sobre diversidade sexual e de gênero, como

suporte educacional para abordagem ou esclarecimentos sobre tema

em ambiente escolar, com foco em crianças de 9-12 anos.

ESPECÍFICOS

1 › Analisar em formato, linguagem e conteúdo, projetos similares já produzidos;

2 › Investigar e delinear o perfil de preferências e comportamentos do público-alvo;

3 › Elencar requisitos através da pesquisa para o desenvolvimento projetual;

4 › Verificar a aceitação e compreensão da animação com público-alvo;

1 2 3 4


→ Problema

→ Objetivos

→ Justificativa

introdução

SOCIAL EDUCACIONAL POLÍTICA ECONÔMICA


fundamentaçãofundamentaçãoteórica

→ Animação // motion graphics // recurso educacional

→ Escola // desenvolvimento infantil // sexualidade e gênero

→ Preconceito // discriminação // homofobia// educação em DH

fundamentaçãoDESIGN GRÁFICO TCC › BANCA DE EXAME | Cezar de Costa 09 › 40

fund.teórica

{ cap1 } Design

{ cap2 } Contexto

{ cap3 } ProblemaANIMAÇÃO MOTION GRAPHICS

ESTE PROJETO

DESIGN DA INFORMAÇÃO

Por que utilizar animações em ambiente escolar?ALVES (2012)

O motion graphics como linguagem híbridaVELHO (2008); FRONZA ET AL. (2014)

Diretrizes e princípios para o desenvolvimento de animações educacionaisALVES (2012); MIRANDA (2013); MAYER & MORENO (2002); SOUZA (2012); WEISS ET AL. (2002); LARGE (1996)


fund.teórica

{ cap1 } Design

{ cap2 } Contexto

{ cap3 } Problema

Escola e família: qual papel social exercem?BRANDÃO (2007); BARBOSA (2007); FREIRE (1996); GHIRALDELLI (2006); RIBEIRO (2015); SANTOS (2008)

Desenvolvimento infantil: o processo de consolidação da identidadeMARCIA (2011); RAPPAPORT (1982); ERIKSON (1989); RABELLO (2007)

Sexualidade e gênero: os questionamentos da adolescência e o problema da normatividadeWEEKS (2010); BORTOLINI (2014); SCOTT (1995); LIONÇO (2009); LOURO (2010)

INDIVÍDUOS

COLETIVIDADE

ESCOLA › COLETIVO FAMÍLIA › INDIVIDUAL


fund.teórica

{ cap1 } Design

{ cap2 } Contexto

{ cap3 } Problema

A normatividade em ambiente escolar: preconceito, discriminação e bullying homofóbicoBORTOLINI ET AL. (2014); BORRILLO (2010); GARCIA (2009); OLWEUS (1991); LIONÇO (2009)

Ensejos de atuação: a educação sob a ótica dos direitos humanosBENEVIDES (2000); SANTOS (1997)

PERMANENTECONTINUADA

E GLOBAL

VOLTADA PARAA MUDANÇA

INCULCAVALORES

CULTURADE RESPEITO

EDUCAÇÃO EM DIREITOS HUMANOS


→ ADDIE + Krasner (2008)

→ Etapas do processo

→ Conceituação

→ Requisitos e restrições

→ Geração de alternativas

→ Animação

→ Validação

→ Considerações

processodesignprocessodedesign

processodesignDESIGN GRÁFICO TCC › BANCA DE EXAME | Cezar de Costa 13 › 40

ADDIE + Krasner (2008)

processodedesign

Fonte: adaptado de Haupenthal (2012)

MACRO-ETAPAS SUB-ETAPAS PROCEDIMENTOS/PROTOCOLOS

ANÁLISE Pesquisa bibliográfica

EA | Análise paramétrica

EC | Entrevista

Definição de objetivos, público-alvo, restrições e estilo

Definição de conteúdo

Criação de roteiro

DESIGN Geração de alternativas conceituais

Seleção, avaliação e refinamento de conceitos

DESENVOLVIMENTO Planejamento e registro para a solução final

Animatic

Animação

Renderização

IMPLEMENTAÇÃO& AVALIAÇÃO

1

23

4 Validação

PESQUISA

AVALIAÇÃO

ROTEIRIZAÇÃO

ELABORAÇÃO

CULTIVO

STORYBOARD/STYLESHEET

PRODUÇÃO

PÓS-PRODUÇÃO

Ajustes finos

› ›


ANÁLISE Pesquisa bibliográfica1 pesquisa› ›

Animação // motion graphics // recurso educacional

Escola // desenvolvimento infantil // sexualidade e gênero

Preconceito // discriminação // homofobia // educação em DH

{ cap1 } Design

{ cap2 } Contexto

{ cap3 } Problema


ANÁLISE Análise paramétrica1 pesquisa› ›

SIMILARES DIRETOS

SIMILARES INDIRETOS

02 › 40

Fonte: adaptado de Miranda (2013) e Spinillo (2010)

PARÂMETR

OS

RESU

LTADOS

COMPILAÇÃO DE DADOS > ANÁLISE PARAMÉTRICA REQUISITOS*

COMPONENTES DA AMOSTRA

1 2 3 4 5 6 7Técnica aparente 2D • • • • • • • 7

> TÉCNICA 2D3D • 1

Vídeo • 1

Estilo de representação Realista • 1

> ESTILO DESENHODesenho • • • • • • 6

Esquemático 0

Enquadramento Plano geral • 1

>PLANO ABERTO

PLANO PRÓXIMO

Plano aberto • • • • • • • 7

Próximo • • • • • • • 7

Close • • 2

Movimento de câmera Panorâmica 0

>TRAVELLING

ZOOMTravelling • • • • • • 6

Zoom • • • • • • 6

Transição de cenas Corte seco • • • 3

--Fading cruzado 0

Fade in/out • • 2

Áudio

Narração • • • • • 5

>

NARRAÇÃO

EFEITOS SONOROS

TRILHA DE FUNDO

Efeitos sonoros • • • • 4

Trilha de fundo • • • • • • • 7

Texto integrado Legenda • • • • 4>

TEXTO LEGENDA

TEXTO RÓTULORótulo • • • • • • 6

Recursos de ênfase Setas • • 2

> ÊNFASE CORES

Linhas 0

Box 0

Cores • • • • 4

Zoom 0

Tamanho • • • 3

Velocidade do filme Lenta 0

> VEL. NORMALNormal • • • • 4

Acelerada • • • 3

Elementos simbólicos • • • • • 5 > ELEM. SIMBÓLICOS

* Apenas parâmetros com incidência igual ou superior a 4 obtiveram grau de relevância, convertendo-os em requisitos.


ANÁLISE Análise paramétrica1 pesquisa› ›


ANÁLISE Entrevista não-estruturada1 pesquisa› ›

GRUPO A GRUPO PNA SUA OPINIÃO, O QUE É ORIENTAÇÃO SEXUAL?

NÃO SOUBE SOUBE PARCIALMENTE

NÃO SOUBE SOUBE PARCIALMENTE

NA SUA OPINIÃO, O QUE É GÊNERO?

NÃO SOUBE

NA SUA OPINIÃO, EXISTE DIFERENÇA ENTRE O SEXO,SEXUALIDADE E O GÊNERO DE UMA PESSOA?

SOUBESOUBE PARCIALMENTE

JÁ CONVERSOU COM SEUS PAISSOBRE ESTES ASSUNTOS?

NÃO SIM

NÃO SIM

NA SUA ESCOLA OS PROFESSORES JÁFALARAM SOBRE ESTES ASSUNTOS?

SIM

VOCÊ JÁ PRESENCIOU ALGUM AMIGO SENDOINCOMODADO OU PROVOCADO POR SER DIFERENTE?

AGIRIA COMO SEMPRE

CASO DESCOBRISSE QUE O SEU MELHOR AMIGO OU AMIGA É GAY/LÉSBICA, O QUE VOCÊ FARIA?

FILME › ANIMAÇÃO

DENTRE AS ALTERNATIVAS, QUAL SUA PREFERIDA?HQ • DESENHO ANIMADO • LIVRO DE CONTOS • FILME

DE 0 A 5 QUE NOTA ATRIBUIRIA À ANIMAÇÃO?

perfil dosparticipantes

crianças de 9 à 12 anos

ambos os sexos

professores que trabalham comcrianças de 9 à 12 anos

ambos os sexos

requisitos

+

+

requisitos

Pesquisa bibliográfica

Análise paramétrica

Entrevista não-estruturada


» Apresentar a animação em uma velocidade confortável;

» Fragmentar a animação em sequências curtas, de 15 a 60 segundos cada;

» Proporcionar complementariedade entre texto e imagem;

» Priorizar a narração falada em vez de textos na tela;

» Assegurar-se de que o conteúdo é claro e simples, com linguagem fácil;

» Utilizar estilo de representação pictórico, a depender da complexidade dos conteúdos;

» Empregar recursos de ênfase (cores, setas, zoom, sons e movimentos) e hierarquia.



» SEXO BIOLÓGICO

» ORIENTAÇÃO SEXUAL

» IDENTIDADE DE GÊNERO

» EXPRESSÃO DE GÊNERO

» RESPEITO ÀS DIFERENÇAS

» A QUEM SOLICITAR AJUDA

conteúdoconteúdo

Em consonância com os apontamentos da revisão

bibliográfica e a análise paramétrica, os conteúdos

abordados no motion graphics deveriam ser:


→ Roteiro

→ Découpage

→ Pictocloud

→ Tipografia

→ Cores

→ Styleframes

→ Personagens

→ Teste compositivo

geraçãoalternageraçãodealternativas


→ Roteiro

→ Découpage

→ Pictocloud

→ Tipografia

→ Cores

geraçãodealternativas

Sexualidade é um assunto complicado, não é mesmo? A maioria das pessoas confunde ou

não sabe o que significam todas essas palavras. Mas olha só, com um esforcinho e as infor-

mações certas pode ser mais fácil de entender do que você imagina! Todos temos algo de

diferente, e isso é legal! Uma dessas diferenças está no órgão sexual. É ele quem define seu

sexo biológico. Assim como os animais, os seres humanos podem ser classificados como

fêmea ou macho. Algumas pessoas, como os hermafroditas, tem parte de um órgão e parte

do outro. Existem também diferentes identidades de gênero. Funciona assim: seja lá qual for

o seu órgão sexual, se você se sente bem se identificando como homem ou mulher, então tá

tudo certo. Ah, e não podemos esquecer dos não-binários, que não se identificam com

nenhum dos dois. Mas não para por aí! O jeito como você se veste e age são formas de

expressar o gênero. Pode ser de um jeito mais feminino, masculino ou até um pouco de

cada, como no caso dos andróginos. Pra terminar, não poderia faltar a orientação sexual.

Sabe quando você gosta de uma pessoa e se sente atraído por ela? Isso é a orientação

sexual. Heterossexualidade, homossexualidade, bissexualidade e assexualidade são as mais

conhecidas. É como se fosse uma escala. Existem muitos tons possíveis entre um lado e o

outro e só você pode dizer qual deles te representa melhor! [...]


→ Roteiro

→ Découpage

→ Pictocloud

→ Tipografia

→ Cores


1 Sexualidade é um assunto complicado, não é mesmo? 2 A maioria das pessoas confunde

ou não sabe o que significam todas essas palavras. 3 Mas olha só, com um esforcinho e as

informações certas pode ser mais fácil de entender do que você imagina! 4 Todos temos

algo de diferente, e isso é legal! Uma dessas diferenças está no órgão sexual. É ele quem

define seu sexo biológico. Assim como os animais, os seres humanos podem ser classifica-

dos como fêmea ou macho. Algumas pessoas, como os hermafroditas, tem parte de um

órgão e parte do outro. 5 Existem também diferentes identidades de gênero. Funciona

assim: seja lá qual for o seu órgão sexual, se você se sente bem se identificando como

homem ou mulher, então tá tudo certo. Ah, e não podemos esquecer dos não-binários, que

não se identificam com nenhum dos dois. 6 Mas não para por aí! O jeito como você se veste e

age são formas de expressar o gênero. Pode ser de um jeito mais feminino, masculino ou

até um pouco de cada, como no caso dos andróginos. 7 Pra terminar, não poderia faltar a

orientação sexual. Sabe quando você gosta de uma pessoa e se sente atraído por ela? Isso é

a orientação sexual. Heterossexualidade, homossexualidade, bissexualidade e assexuali-

dade são as mais conhecidas. É como se fosse uma escala. Existem muitos tons possíveis

entre um lado e o outro e só você pode dizer qual deles te representa melhor! [...]

00:03 00:03

00:03

00:05 00:02

00:03 00:03

00:04

00:06

00:06 00:04

00:04

00:05 00:04

00:03 00:02

00:05

00:09

00:03 00:05

00:03

00:09 00:02

00:03


→ Roteiro

→ Découpage

→ Pictocloud

→ Tipografia

→ Cores


Mosaico de pictogramas para identidade

Mosaico de pictogramas para complicado

identidade = máscaracomplicado = combinação


→ Roteiro

→ Découpage

→ Pictocloud

→ Tipografia

→ Cores


[ MATCHMAKER ]

[ FINLEK ]

[ PEQUENA ]

[ WOOLEN ]

[ PACIFIC NORTHWEST ]

[ PINKUS ]

[ ICING ]

[ FF PROVIDENCE SANS ]

[ BLUESHIFT ]

[ RUSTICK ]

[ PARIS ]

[ PARIS SERIF ]

[ BELTA ] [ HANEDA ]


→ Roteiro

→ Découpage

→ Pictocloud

→ Tipografia

→ Cores




→ Styleframes

→ Personagens




→ Styleframes

→ Personagens


Boho Sans

Paris

Paleta de cores



→ Storyboard

→ Stylesheet


animaçãoanimação

→ Detalhes da produção

→ Segmentos finalizados


validaçãovalidação

→ Instrumento

→ Participantes

→ Resultados

validação

→ Instrumento

→ Participantes

→ Resultados


VALIDAÇÃO - Animação Diversi&versa

*Obrigatório

1. Na sua opinião, qual o assunto principal da animação? *

Marcar apenas uma oval.

Diversidade

Sexualidade

Respeito

Identidade

Violência

2. Você gostou da animação? Que nota atribuiria a ela? *


0 1 2 3 4 5

Não gostei

Gostei muito!

3. Na sua opinião, o conteúdo da animação é de fácil compreensão? *


1 2 3 4 5

Achei confuso

Achei fácil

4. Considerando o conteúdo, a linguagem e a abordagem gráfica, você faria alguma

alteração na animação? *


Não

Sim, somente no modo como o conteúdo foi abordado

Sim, somente na linguagem utilizada

Sim, somente na abordagem gráfica

Sim, no conteúdo, linguagem e abordagem gráfica

Outro:

Powered by

5. Com relação ao tópico sobre o sexo biológico, marque a/as alternativas explicadasneste trecho da animação *Marque todas que se aplicam.

homem

fêmea hermafrodita andrógino macho

mulher assexual não-binário

6. Das descrições apresentadas abaixo, qual é a mais adequada para definir o que éum hermafrodita, de acordo com a animação? *Marcar apenas uma oval.

São pessoas que não se identificam nem como homem, nem como mulher São pessoas que não sentem atração sexual São pessoas que sentes atração por pessoas do mesmo gênero São pessoas mais femininas do que masculinas São pessoas tanto femininas quanto masculinas São pessoas que tem parte de um órgão sexual e parte de outro

validação

→ Instrumento

→ Participantes

→ Resultados


CRIANÇASESPECIALISTAS

8 crianças4 meninas e 4 meninos

Entre 9 e 12 anos

Toni ReisPós-doutorando em Educação (Unisinos)

Secretário de Educação da ABGLT

Membro Titular do Fórum Nacional de Educação

Diretor Executivo - Grupo Dignidade/CEPAC/IBDSEX

Lula RamiresDoutorando em Educação (USP)

Coordenador de Política, Ativismo e Comunidade do Corsa

Membro da equipe técnica do Projeto Escola Sem Homofobia

validação

→ Instrumentos

→ Participantes

→ Resultados


» Na sua opinião, qual o assunto principal da animação?

» Você gostou da animação? Que nota atribuiria a ela?

» Na sua opinião, o conteúdo da animação é de fácil compreensão?

5

4

3

2

1

0

1 2 3 4 5 6 7

1 2 3 4 5 6 7

5

4

3

2

1

SEXUALIDADE

DIVERSIDADE

RESPEITO

IDENTIDADE

VIOLÊNCIA

1 2 3 4 5 6 7

DESIGN GRÁFICO TCC › BANCA DE EXAME | Cezar de Costa

consideraçõesconsiderações e desdobramentos

consideraçõesobrigado!

DÚVIDAS OU SUGESTÕES?

cezardecosta.wix.com/diversiversa

TCC - Banca de Exame

Education

Transcript of TCC - Banca de Exame