SlideShare ist ein Scribd-Unternehmen logo
1 von 236
CRP-0357 PRODUÇÃO GRÁFICA
PARA CASA:
COLOQUEM UM EXEMPLO DE HARMONIA

E UM DE EQUILÍBRIO NO SEU GDOCS.

JUSTIFIQUEM A ESCOLHA EM UM
PARÁGRAFO.
AULA 3
CRITÉRIOS DE AVALIAÇÃO GRÁFICA

E ALFABETIZAÇÃO VISUAL
exemplos
CENTROS
DA ATENÇÃO, DA COMUNICAÇÃO,

DA COMPOSIÇÃO, DA AÇÃO.
CENTROS
• Eu: centro primário,o mundo acontece ao redor de
meu ponto de vista.
• A gravidade e seus efeitos: eixos horizontais,
verticais e todo tipo de paralelo.
• O outro: centros de atenção em uma cena e seu
diálogo com os centros e eixos principais.
• O espectador: como ele percebe e interage com a
cena que vê.
ANÁLISE
SIMPLES:
ONDE ESTÁ O CENTRO DE ATENÇÃO?
ONDE DEVERIA ESTAR O CENTRO DE
ATENÇÃO?
CENTROS

SE EQUILIBRAM
UMA COMPOSIÇÃO FEITA PARA DOIS
OU MAIS CENTROS SE DESEQUILIBRA
QUANDO UM DELES FALTA.
EIXOS

E VEROSSIMILHANÇA
QUADROS EM PAREDES TÊM EIXOS IMPLÍCITOS.

QUEBRÁ-LOS É ARRISCADO.
HARMONIA
NÃO É TRANQUILIDADE, MAS UNIDADE.
HARMONIA
pode estar expressa em:
• Repetição
• Cor
• Estilo
• Conteúdo
• Tipografia
• Continuidade
• Proximidade
• Semelhança
EQUILÍBRIO
É ESTABILIDADE. A FALTA DE
EQUILÍBRIO GERA TENSÃO:  ALGO
PRESTES A CAIR DESESPERA.
SIMETRIA
É MAIS FÁCIL DE ENTENDER, MAS:
NÃO EXISTE NA NATUREZA.
É PREVISÍVEL E MONÓTONA.
É ESTÁTICA E IMÓVEL.
IMAGEM VS.
FUNDO
O OLHO SEPARA A IMAGEM DO FUNDO: FOCO.
AO CONTRÁRIO DOS TEXTOS, NÃO SE "LÊ"
IMAGENS DE FORMA SEGMENTADA E
CONTÍNUA.
A ORDEM DE “LEITURA”:
• A cena.
• Seus componentes.
• A relação entre esses componentes.
• Essa relação não é uma democracia.
• Cada um "manda" por vez.
• Quanto mais clara a separação entre imagem e
fundo, maior a clareza da mensagem
ATENÇÃO:
• A mensagem monótona ou irritante logo se
transforma em fundo, instintivamente.
• Para tentar recuperar a atenção do leitor a
publicidade tenta gritar.
• Isso tende a irritá-lo ainda mais.
CONTRASTE
NÃO É DESTAQUE: É O O QUE TORNA O
MUNDO VISÍVEL.
RELAÇÃO
ENXERGAMOS AS COISAS

POR SUA RELAÇÃO COM O AMBIENTE EM VOLTA.
POR ISSO É NECESSÁRIO
TER ESPAÇOS EM BRANCO.
TRÊS NÍVEIS DE
CONTRASTE:
• Concordância: praticamente não há diferença entre
os objetos, a comunicação é uniforme.
• Conflito: a diferença entre os objetos é pequena o
suficiente para ser notada, mas não grande o
suficiente para determinar categorias.
Normalmente causa desconforto visual.
• Contraste: a diferença é significativa, determina
uma clara divisão em categorias visuais.
ÊNFASE E
HIERARQUIA
SE TODOS GRITAM, NINGUÉM ESCUTA.
ÊNFASE:
ATRAI A ATENÇÃO DO LEITOR

E O GUIA PELO CONTEÚDO
DETERMINA ORDEM E HIERARQUIA,
EVITA A CONFUSÃO E TRANSMITE A
MENSAGEM COM MAIOR EFICIÊNCIA.
HIERARQUIA:

ESTABELECE ORDEM.
• Em um design bem executado, nada está em um
lugar “por acaso”.
• Como comida, em que temperos e quantidades não
são aleatórios.
• Ou como música, que as notas seguem uma ordem
estabelecida
• Ou como palavras em uma frase.
• O design funciona como uma expressão verbal.
NÃO SEJA TÍMIDO
NEM INDEFINIDO.
SEJA ASSERTIVO E FALE CLARAMENTE.
FORMAS
SÃO FACILMENTE IDENTIFICÁVEIS.
FORMAS
• Estabelecem relações entre os elementos visuais. 

• O leitor compõe / decompõe o que vê em um
exercício interativo. 

• Como em uma língua estrangeira, ele “desvenda”
um segredo com cumplicidade.
O OLHO HUMANO
BUSCA A
SIMPLICIDADE
FORMAS SÃO ESTÁVEIS, NEUTRAS,

ISOLADAS DA CONFUSÃO GERAL.
FORMAS SÃO SIMPLES, REGULARES,

SIMÉTRICAS, FECHADAS.
CAMADAS
COMO UM DECOTE OU A JANELA DO
VIZINHO.
CAMADAS
• O que não é mostrado, mas sugerido, provoca.

• Atiçam a curiosidade e o interesse ativo do leitor.

• Estimula os sentidos na busca de descobertas. 

• Deixa transparecer, sugere novos tópicos.
FLUXO E
RITMO
COMO EM MÚSICA,

ORIENTAM O PÚBLICO PARA UMA ROTA
ESPECÍFICA.
FLUXO / RITMO
• Estabelecem continuidade, são confortáveis. 

• Pode-se variar, mas a estrutura não deve mudar. 

• Interromper o ritmo chama a atenção.
TEXTO, TECIDO E TEXTURA.
• Tem origem no mesmo termo em latim.

• A idéia era que o Calígrafo "costurava" o fio do
pensamento. Quanto mais uniforme, melhor.
• Linha de pensamento
• Fio da meada
SIMPLICIDADE

E SÍNTESE
REGRA ÚNICA: A MENSAGEM DEVE SER

CLARA E DIRETA, COMO UMA BRONCA.
DESIGN: FUNÇÃO
• Não deve ser hermético, nem óbvio.

• Deve gerar cumplicidade.

• Deve compartilhar referências

exclusivas a um grupo.

• Deve ter sua identidade e personalidade.
O QUE FAZ O “BOM” DESIGN?
• Harmonia
• Equilíbrio
• Figura vs. Fundo
• Ênfase, hierarquia
• Formas
• Camadas
• Contraste
• Fluxo / Ritmo
• Simplicidade / Síntese
GRAMÁTICA VISUAL:
• Harmonia = uniformidade, não paz.
• Equilíbrio = estabilidade, não simetria.
• Figura/fundo = diálogo, não interferência.
• Contraste = visibilidade, não choque.
• Hierarquia = ordem, não aleatório.
GRAMÁTICA VISUAL:
• Formas = identificação, não imaginação.
• Camadas = curiosidade, não pilhas.
• Ritmo = continuidade, não rigidez.
• Simplicidade = clareza, não obviedade.
ELEMENTOS
ESTRUTURAIS:
PROXIMIDADE E ALINHAMENTO
PROPORÇÃO
CONSISTÊNCIA
LEGIBILIDADE
PROXIMIDADE
RECONHECEMOS, AGRUPAMOS E
DAMOS SENTIDO

A ELEMENTOS QUE ESTÃO PRÓXIMOS.
ALINHAMENTO
• Deve ser consistente: é bom repeti-lo em todas as
páginas, sempre que o assunto ou a hierarquia de
elementos forem os mesmos.

• Para romper com ele é preciso consciência (calcular
o impacto) e coragem: o novo alinhamento deve ser
evidente e chamar a atenção. 

• Se for modesto dará a impressão de descuido.  
DESALINHAMENTO
• Elementos parecem estar “soltos”, jogados em
algum lugar sem nenhuma relação com as margens
ou mesmo com os outros elementos de texto.
• Esse descuido costuma dar um enorme trabalho e
desconforto ao leitor, que fica tentando procurar os
pontos em comum.
• O agrupamento evidente dá ums sensação de
harmonia e consistência gráfica.
PROPORÇÃO
ELEMENTOS COMPLEMENTARES SÃO
PROPORCIONAIS
PROPORÇÃO E
COMPLEMENTARIDADE
• Componentes de uma mesma mensagem devem ser
complementares, assim serão vistos como um todo.
• Dois elementos que tenham tamanhos, cores,
formas ou direções diferentes tem naturalmente
pesos diferentes.
• Uma das melhores formas de equilibrá-los é
determinar uma proporção entre eles, derivada de
sua importância.
CONSISTÊNCIA
CRIE AS REGRAS QUE QUISER, MAS
DEPOIS RESPEITE-AS
LEGIBILIDADE
TEXTOS EXISTEM PARA SEREM LIDOS,
IMAGENS EXISTEM PARA SER VISTAS.
FIM
PG.ECA.LULI.COM.BR
PARA CASA:
IDENTIFIQUE UM CARTAZ DO GIGPOSTERS.COM 

QUE VOCÊ ACREDITE SER BEM ESTRUTURADO 

E IDENTIFIQUE NELE OS ELEMENTOS DE DESIGN 

QUE O FAZEM EFICIENTE. JUSTIFIQUE EM SEU
GDOCS. (COPIANDO A IMAGEM, NÃO O LINK).
FAÇA O MESMO COM UM POSTER

ESCRITO EM UMA LÍNGUA NÃO-LATINA.

Weitere ähnliche Inhalte

Andere mochten auch (11)

CRP0357-2014-06
CRP0357-2014-06CRP0357-2014-06
CRP0357-2014-06
 
CRP0357-2016-01
CRP0357-2016-01CRP0357-2016-01
CRP0357-2016-01
 
CRP5215-2017-01 contexto e redes
CRP5215-2017-01 contexto e redesCRP5215-2017-01 contexto e redes
CRP5215-2017-01 contexto e redes
 
Aula CRP-0420-2015-09
 Aula CRP-0420-2015-09 Aula CRP-0420-2015-09
Aula CRP-0420-2015-09
 
Aula CRP-0420-2016-11-BIOHACKING
Aula CRP-0420-2016-11-BIOHACKINGAula CRP-0420-2016-11-BIOHACKING
Aula CRP-0420-2016-11-BIOHACKING
 
Aula CRP-0420-2016-10-DATACRACIA
Aula CRP-0420-2016-10-DATACRACIAAula CRP-0420-2016-10-DATACRACIA
Aula CRP-0420-2016-10-DATACRACIA
 
CRP0357-2014-14
CRP0357-2014-14CRP0357-2014-14
CRP0357-2014-14
 
CRP0357-2014-01
CRP0357-2014-01CRP0357-2014-01
CRP0357-2014-01
 
CRP0357-2014-09
CRP0357-2014-09CRP0357-2014-09
CRP0357-2014-09
 
CRP0357-2014-08
CRP0357-2014-08CRP0357-2014-08
CRP0357-2014-08
 
CRP0357-2014-07
CRP0357-2014-07CRP0357-2014-07
CRP0357-2014-07
 

Ähnlich wie CRP0357-2014-04

Ähnlich wie CRP0357-2014-04 (20)

Aula03
Aula03Aula03
Aula03
 
Gestalt
GestaltGestalt
Gestalt
 
Arte4ef
Arte4efArte4ef
Arte4ef
 
Arte 9 ano
Arte 9 anoArte 9 ano
Arte 9 ano
 
Gestalt new(fix)
Gestalt new(fix)Gestalt new(fix)
Gestalt new(fix)
 
Leitura de Imagens
Leitura de ImagensLeitura de Imagens
Leitura de Imagens
 
Arte3em
Arte3emArte3em
Arte3em
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercícios
 
Arte publicitária i princípios básicos do design e tipografia
Arte publicitária i   princípios básicos do design e tipografiaArte publicitária i   princípios básicos do design e tipografia
Arte publicitária i princípios básicos do design e tipografia
 
Slides partes da argumentação
Slides partes da argumentaçãoSlides partes da argumentação
Slides partes da argumentação
 
Slideologypencilsparte2
Slideologypencilsparte2Slideologypencilsparte2
Slideologypencilsparte2
 
Apostila sobre Gestalt
Apostila sobre GestaltApostila sobre Gestalt
Apostila sobre Gestalt
 
Técnicas de redação
Técnicas de redaçãoTécnicas de redação
Técnicas de redação
 
Apostila tecnicas de redação
Apostila   tecnicas de redaçãoApostila   tecnicas de redação
Apostila tecnicas de redação
 
Técnicas de redação
Técnicas de redaçãoTécnicas de redação
Técnicas de redação
 
Tecnicas de redacao
Tecnicas de redacaoTecnicas de redacao
Tecnicas de redacao
 
LIVRO - O Corpo Fala (Pierre Weil.pdf
LIVRO - O Corpo Fala (Pierre Weil.pdfLIVRO - O Corpo Fala (Pierre Weil.pdf
LIVRO - O Corpo Fala (Pierre Weil.pdf
 
Apostila 6 artes
Apostila 6 artesApostila 6 artes
Apostila 6 artes
 
Pg02
Pg02Pg02
Pg02
 

Mehr von Aulas LULI: CRP-0357, CRP-0422 e CRP-0420

Mehr von Aulas LULI: CRP-0357, CRP-0422 e CRP-0420 (20)

2019 CRP-0422 - AULA 3
2019 CRP-0422 - AULA 32019 CRP-0422 - AULA 3
2019 CRP-0422 - AULA 3
 
2019 CRP-0422 - AULA 2
2019 CRP-0422 - AULA 22019 CRP-0422 - AULA 2
2019 CRP-0422 - AULA 2
 
2019 CRP-0422 - AULA 1
2019 CRP-0422 - AULA 12019 CRP-0422 - AULA 1
2019 CRP-0422 - AULA 1
 
Aula CRP-0420-2016-09-UX (2)
Aula CRP-0420-2016-09-UX (2)Aula CRP-0420-2016-09-UX (2)
Aula CRP-0420-2016-09-UX (2)
 
Aula CRP-0420-2016-08-UX (1)
 Aula CRP-0420-2016-08-UX (1) Aula CRP-0420-2016-08-UX (1)
Aula CRP-0420-2016-08-UX (1)
 
Aula CRP-0420-2016-06: Inteligência Artificial
Aula CRP-0420-2016-06: Inteligência ArtificialAula CRP-0420-2016-06: Inteligência Artificial
Aula CRP-0420-2016-06: Inteligência Artificial
 
Aula CRP-0420-2016-07: VR, AR, INTERFACES
Aula CRP-0420-2016-07: VR, AR, INTERFACESAula CRP-0420-2016-07: VR, AR, INTERFACES
Aula CRP-0420-2016-07: VR, AR, INTERFACES
 
Aula 10 de Fotografia - Lightroom
Aula 10 de Fotografia - LightroomAula 10 de Fotografia - Lightroom
Aula 10 de Fotografia - Lightroom
 
Aula CRP-0420-2016-04: Big Data 2
Aula CRP-0420-2016-04: Big Data 2Aula CRP-0420-2016-04: Big Data 2
Aula CRP-0420-2016-04: Big Data 2
 
Aula CRP-0420-2016-04: Big Data 1
Aula CRP-0420-2016-04: Big Data 1Aula CRP-0420-2016-04: Big Data 1
Aula CRP-0420-2016-04: Big Data 1
 
Aula CRP-0420-2016-02
Aula CRP-0420-2016-02Aula CRP-0420-2016-02
Aula CRP-0420-2016-02
 
Aula CRP-0420-2016-01
 Aula CRP-0420-2016-01 Aula CRP-0420-2016-01
Aula CRP-0420-2016-01
 
Aula CRP-0420-2015-PECHA-KUCHA-2
Aula CRP-0420-2015-PECHA-KUCHA-2Aula CRP-0420-2015-PECHA-KUCHA-2
Aula CRP-0420-2015-PECHA-KUCHA-2
 
Aula CRP-0420-2015-PECHA-KUCHA-1
Aula CRP-0420-2015-PECHA-KUCHA-1Aula CRP-0420-2015-PECHA-KUCHA-1
Aula CRP-0420-2015-PECHA-KUCHA-1
 
Aula CRP-0420-2015-12
Aula CRP-0420-2015-12Aula CRP-0420-2015-12
Aula CRP-0420-2015-12
 
Aula CRP-0420-2015-08
 Aula CRP-0420-2015-08 Aula CRP-0420-2015-08
Aula CRP-0420-2015-08
 
Aula CRP-0420-2015-07
 Aula CRP-0420-2015-07 Aula CRP-0420-2015-07
Aula CRP-0420-2015-07
 
Aula CRP-0420-2015-06
 Aula CRP-0420-2015-06 Aula CRP-0420-2015-06
Aula CRP-0420-2015-06
 
Aula CRP-0420-2015-05
 Aula CRP-0420-2015-05 Aula CRP-0420-2015-05
Aula CRP-0420-2015-05
 
Aula CRP-0420-2015-04
Aula CRP-0420-2015-04Aula CRP-0420-2015-04
Aula CRP-0420-2015-04
 

Kürzlich hochgeladen

Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxLusGlissonGud
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médiorosenilrucks
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfHELENO FAVACHO
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxTailsonSantos1
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfHELENO FAVACHO
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasSocorro Machado
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxLuizHenriquedeAlmeid6
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptssuser2b53fe
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)ElliotFerreira
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéisines09cachapa
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...azulassessoria9
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfcomercial400681
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecniCleidianeCarvalhoPer
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.Mary Alvarenga
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaHELENO FAVACHO
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfHELENO FAVACHO
 

Kürzlich hochgeladen (20)

Apresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptxApresentação em Powerpoint do Bioma Catinga.pptx
Apresentação em Powerpoint do Bioma Catinga.pptx
 
apostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médioapostila projeto de vida 2 ano ensino médio
apostila projeto de vida 2 ano ensino médio
 
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdfPROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
PROJETO DE EXTENSÃO - EDUCAÇÃO FÍSICA BACHARELADO.pdf
 
Aula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIXAula sobre o Imperialismo Europeu no século XIX
Aula sobre o Imperialismo Europeu no século XIX
 
Os editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptxOs editoriais, reportagens e entrevistas.pptx
Os editoriais, reportagens e entrevistas.pptx
 
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdfPROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
PROJETO DE EXTENÇÃO - GESTÃO DE RECURSOS HUMANOS.pdf
 
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para criançasJogo de Rimas - Para impressão em pdf a ser usado para crianças
Jogo de Rimas - Para impressão em pdf a ser usado para crianças
 
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptxSlides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
Slides Lição 05, Central Gospel, A Grande Tribulação, 1Tr24.pptx
 
aula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.pptaula de bioquímica bioquímica dos carboidratos.ppt
aula de bioquímica bioquímica dos carboidratos.ppt
 
Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)Análise poema país de abril (Mauel alegre)
Análise poema país de abril (Mauel alegre)
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
About Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de HotéisAbout Vila Galé- Cadeia Empresarial de Hotéis
About Vila Galé- Cadeia Empresarial de Hotéis
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: COMUNICAÇÃO ASSERTIVA E INTERPESS...
 
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdfApresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
Apresentação ISBET Jovem Aprendiz e Estágio 2023.pdf
 
matematica aula didatica prática e tecni
matematica aula didatica prática e tecnimatematica aula didatica prática e tecni
matematica aula didatica prática e tecni
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
Atividade - Letra da música Esperando na Janela.
Atividade -  Letra da música Esperando na Janela.Atividade -  Letra da música Esperando na Janela.
Atividade - Letra da música Esperando na Janela.
 
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia TecnologiaPROJETO DE EXTENSÃO I - Radiologia Tecnologia
PROJETO DE EXTENSÃO I - Radiologia Tecnologia
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdfPROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
PROJETO DE EXTENSÃO I - TERAPIAS INTEGRATIVAS E COMPLEMENTARES.pdf
 

CRP0357-2014-04

  • 2.
  • 3. PARA CASA: COLOQUEM UM EXEMPLO DE HARMONIA
 E UM DE EQUILÍBRIO NO SEU GDOCS.
 JUSTIFIQUEM A ESCOLHA EM UM PARÁGRAFO.
  • 4. AULA 3 CRITÉRIOS DE AVALIAÇÃO GRÁFICA
 E ALFABETIZAÇÃO VISUAL
  • 6. CENTROS DA ATENÇÃO, DA COMUNICAÇÃO,
 DA COMPOSIÇÃO, DA AÇÃO.
  • 7. CENTROS • Eu: centro primário,o mundo acontece ao redor de meu ponto de vista. • A gravidade e seus efeitos: eixos horizontais, verticais e todo tipo de paralelo. • O outro: centros de atenção em uma cena e seu diálogo com os centros e eixos principais. • O espectador: como ele percebe e interage com a cena que vê.
  • 8. ANÁLISE SIMPLES: ONDE ESTÁ O CENTRO DE ATENÇÃO? ONDE DEVERIA ESTAR O CENTRO DE ATENÇÃO?
  • 9.
  • 10.
  • 11. CENTROS
 SE EQUILIBRAM UMA COMPOSIÇÃO FEITA PARA DOIS OU MAIS CENTROS SE DESEQUILIBRA QUANDO UM DELES FALTA.
  • 12.
  • 13.
  • 14.
  • 15. EIXOS
 E VEROSSIMILHANÇA QUADROS EM PAREDES TÊM EIXOS IMPLÍCITOS.
 QUEBRÁ-LOS É ARRISCADO.
  • 16.
  • 17.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27. HARMONIA pode estar expressa em: • Repetição • Cor • Estilo • Conteúdo • Tipografia • Continuidade • Proximidade • Semelhança
  • 28.
  • 29. EQUILÍBRIO É ESTABILIDADE. A FALTA DE EQUILÍBRIO GERA TENSÃO:  ALGO PRESTES A CAIR DESESPERA.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. SIMETRIA É MAIS FÁCIL DE ENTENDER, MAS: NÃO EXISTE NA NATUREZA. É PREVISÍVEL E MONÓTONA. É ESTÁTICA E IMÓVEL.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41. IMAGEM VS. FUNDO O OLHO SEPARA A IMAGEM DO FUNDO: FOCO. AO CONTRÁRIO DOS TEXTOS, NÃO SE "LÊ" IMAGENS DE FORMA SEGMENTADA E CONTÍNUA.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50. A ORDEM DE “LEITURA”: • A cena. • Seus componentes. • A relação entre esses componentes. • Essa relação não é uma democracia. • Cada um "manda" por vez. • Quanto mais clara a separação entre imagem e fundo, maior a clareza da mensagem
  • 51.
  • 52.
  • 53.
  • 54. ATENÇÃO: • A mensagem monótona ou irritante logo se transforma em fundo, instintivamente. • Para tentar recuperar a atenção do leitor a publicidade tenta gritar. • Isso tende a irritá-lo ainda mais.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59. CONTRASTE NÃO É DESTAQUE: É O O QUE TORNA O MUNDO VISÍVEL.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66. RELAÇÃO ENXERGAMOS AS COISAS
 POR SUA RELAÇÃO COM O AMBIENTE EM VOLTA. POR ISSO É NECESSÁRIO TER ESPAÇOS EM BRANCO.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72. TRÊS NÍVEIS DE CONTRASTE: • Concordância: praticamente não há diferença entre os objetos, a comunicação é uniforme. • Conflito: a diferença entre os objetos é pequena o suficiente para ser notada, mas não grande o suficiente para determinar categorias. Normalmente causa desconforto visual. • Contraste: a diferença é significativa, determina uma clara divisão em categorias visuais.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90. ÊNFASE E HIERARQUIA SE TODOS GRITAM, NINGUÉM ESCUTA.
  • 91. ÊNFASE: ATRAI A ATENÇÃO DO LEITOR
 E O GUIA PELO CONTEÚDO DETERMINA ORDEM E HIERARQUIA, EVITA A CONFUSÃO E TRANSMITE A MENSAGEM COM MAIOR EFICIÊNCIA.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98. HIERARQUIA:
 ESTABELECE ORDEM. • Em um design bem executado, nada está em um lugar “por acaso”. • Como comida, em que temperos e quantidades não são aleatórios. • Ou como música, que as notas seguem uma ordem estabelecida • Ou como palavras em uma frase. • O design funciona como uma expressão verbal.
  • 99.
  • 100.
  • 101. NÃO SEJA TÍMIDO NEM INDEFINIDO. SEJA ASSERTIVO E FALE CLARAMENTE.
  • 102.
  • 103.
  • 105.
  • 106.
  • 107.
  • 108.
  • 109.
  • 110. FORMAS • Estabelecem relações entre os elementos visuais. 
 • O leitor compõe / decompõe o que vê em um exercício interativo. 
 • Como em uma língua estrangeira, ele “desvenda” um segredo com cumplicidade.
  • 111.
  • 112.
  • 113. O OLHO HUMANO BUSCA A SIMPLICIDADE FORMAS SÃO ESTÁVEIS, NEUTRAS,
 ISOLADAS DA CONFUSÃO GERAL. FORMAS SÃO SIMPLES, REGULARES,
 SIMÉTRICAS, FECHADAS.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119. CAMADAS COMO UM DECOTE OU A JANELA DO VIZINHO.
  • 120. CAMADAS • O que não é mostrado, mas sugerido, provoca.
 • Atiçam a curiosidade e o interesse ativo do leitor.
 • Estimula os sentidos na busca de descobertas. 
 • Deixa transparecer, sugere novos tópicos.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126.
  • 127.
  • 128.
  • 129. FLUXO E RITMO COMO EM MÚSICA,
 ORIENTAM O PÚBLICO PARA UMA ROTA ESPECÍFICA.
  • 130.
  • 131.
  • 132.
  • 133.
  • 134.
  • 135. FLUXO / RITMO • Estabelecem continuidade, são confortáveis. 
 • Pode-se variar, mas a estrutura não deve mudar. 
 • Interromper o ritmo chama a atenção.
  • 136.
  • 137.
  • 138.
  • 139.
  • 140.
  • 141.
  • 142.
  • 143.
  • 144.
  • 145.
  • 146.
  • 147.
  • 148. TEXTO, TECIDO E TEXTURA. • Tem origem no mesmo termo em latim.
 • A idéia era que o Calígrafo "costurava" o fio do pensamento. Quanto mais uniforme, melhor. • Linha de pensamento • Fio da meada
  • 149.
  • 150.
  • 151.
  • 152.
  • 153.
  • 154.
  • 155.
  • 156.
  • 157.
  • 158.
  • 159.
  • 160.
  • 161.
  • 162.
  • 163.
  • 164. SIMPLICIDADE
 E SÍNTESE REGRA ÚNICA: A MENSAGEM DEVE SER
 CLARA E DIRETA, COMO UMA BRONCA.
  • 165.
  • 166.
  • 167.
  • 168.
  • 169.
  • 170.
  • 171.
  • 172.
  • 173.
  • 174.
  • 175.
  • 176.
  • 177. DESIGN: FUNÇÃO • Não deve ser hermético, nem óbvio.
 • Deve gerar cumplicidade.
 • Deve compartilhar referências
 exclusivas a um grupo.
 • Deve ter sua identidade e personalidade.
  • 178. O QUE FAZ O “BOM” DESIGN? • Harmonia • Equilíbrio • Figura vs. Fundo • Ênfase, hierarquia • Formas • Camadas • Contraste • Fluxo / Ritmo • Simplicidade / Síntese
  • 179.
  • 180.
  • 181.
  • 182.
  • 183.
  • 184.
  • 185.
  • 186.
  • 187.
  • 188.
  • 189.
  • 190.
  • 191. GRAMÁTICA VISUAL: • Harmonia = uniformidade, não paz. • Equilíbrio = estabilidade, não simetria. • Figura/fundo = diálogo, não interferência. • Contraste = visibilidade, não choque. • Hierarquia = ordem, não aleatório.
  • 192. GRAMÁTICA VISUAL: • Formas = identificação, não imaginação. • Camadas = curiosidade, não pilhas. • Ritmo = continuidade, não rigidez. • Simplicidade = clareza, não obviedade.
  • 194. PROXIMIDADE RECONHECEMOS, AGRUPAMOS E DAMOS SENTIDO
 A ELEMENTOS QUE ESTÃO PRÓXIMOS.
  • 195.
  • 196.
  • 197.
  • 198.
  • 199. ALINHAMENTO • Deve ser consistente: é bom repeti-lo em todas as páginas, sempre que o assunto ou a hierarquia de elementos forem os mesmos.
 • Para romper com ele é preciso consciência (calcular o impacto) e coragem: o novo alinhamento deve ser evidente e chamar a atenção. 
 • Se for modesto dará a impressão de descuido.  
  • 200.
  • 201.
  • 202.
  • 203.
  • 204.
  • 205.
  • 206. DESALINHAMENTO • Elementos parecem estar “soltos”, jogados em algum lugar sem nenhuma relação com as margens ou mesmo com os outros elementos de texto. • Esse descuido costuma dar um enorme trabalho e desconforto ao leitor, que fica tentando procurar os pontos em comum. • O agrupamento evidente dá ums sensação de harmonia e consistência gráfica.
  • 208.
  • 209.
  • 210.
  • 211.
  • 212.
  • 213.
  • 214.
  • 215. PROPORÇÃO E COMPLEMENTARIDADE • Componentes de uma mesma mensagem devem ser complementares, assim serão vistos como um todo. • Dois elementos que tenham tamanhos, cores, formas ou direções diferentes tem naturalmente pesos diferentes. • Uma das melhores formas de equilibrá-los é determinar uma proporção entre eles, derivada de sua importância.
  • 216.
  • 217.
  • 218.
  • 219.
  • 220. CONSISTÊNCIA CRIE AS REGRAS QUE QUISER, MAS DEPOIS RESPEITE-AS
  • 221.
  • 222.
  • 223.
  • 224.
  • 225.
  • 226.
  • 227. LEGIBILIDADE TEXTOS EXISTEM PARA SEREM LIDOS, IMAGENS EXISTEM PARA SER VISTAS.
  • 228.
  • 229.
  • 230.
  • 231.
  • 232.
  • 233.
  • 234.
  • 236. PARA CASA: IDENTIFIQUE UM CARTAZ DO GIGPOSTERS.COM 
 QUE VOCÊ ACREDITE SER BEM ESTRUTURADO 
 E IDENTIFIQUE NELE OS ELEMENTOS DE DESIGN 
 QUE O FAZEM EFICIENTE. JUSTIFIQUE EM SEU GDOCS. (COPIANDO A IMAGEM, NÃO O LINK). FAÇA O MESMO COM UM POSTER
 ESCRITO EM UMA LÍNGUA NÃO-LATINA.