SlideShare une entreprise Scribd logo
1  sur  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.

Contenu connexe

En vedette (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
 

Similaire à CRP0357-2014-04

Similaire à 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
 

Plus de Aulas LULI: CRP-0357, CRP-0422 e CRP-0420

Plus de 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
 

Dernier

P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*Viviane Moreiras
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxFlviaGomes64
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfHELENO FAVACHO
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptjricardo76
 
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_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfHELENO FAVACHO
 
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS  - Cantos do fim do séculoSistema de Bibliotecas UCS  - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do séculoBiblioteca UCS
 
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
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticash5kpmr7w7
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxLeonardoGabriel65
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...Francisco Márcio Bezerra Oliveira
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxLuizHenriquedeAlmeid6
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...HELENO FAVACHO
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...MariaCristinaSouzaLe1
 
migração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosmigração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosLucianoPrado15
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º anoRachel Facundo
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...DirceuNascimento5
 
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
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...PatriciaCaetano18
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfFrancisco Márcio Bezerra Oliveira
 

Dernier (20)

P P P 2024 - *CIEJA Santana / Tucuruvi*
P P P 2024  - *CIEJA Santana / Tucuruvi*P P P 2024  - *CIEJA Santana / Tucuruvi*
P P P 2024 - *CIEJA Santana / Tucuruvi*
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdfPROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
PROJETO DE EXTENSÃO I - SERVIÇOS JURÍDICOS, CARTORÁRIOS E NOTARIAIS.pdf
 
Texto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.pptTexto dramático com Estrutura e exemplos.ppt
Texto dramático com Estrutura e exemplos.ppt
 
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_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdfProjeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
Projeto_de_Extensão_Agronomia_adquira_ja_(91)_98764-0830.pdf
 
Sistema de Bibliotecas UCS - Cantos do fim do século
Sistema de Bibliotecas UCS  - Cantos do fim do séculoSistema de Bibliotecas UCS  - Cantos do fim do século
Sistema de Bibliotecas UCS - Cantos do fim do século
 
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
 
Slide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemáticaSlide - SAEB. língua portuguesa e matemática
Slide - SAEB. língua portuguesa e matemática
 
Produção de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptxProdução de Texto - 5º ano - CRÔNICA.pptx
Produção de Texto - 5º ano - CRÔNICA.pptx
 
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
LISTA DE EXERCICIOS envolveto grandezas e medidas e notação cientifica 1 ANO ...
 
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
PROJETO DE EXTENSÃO I - TECNOLOGIA DA INFORMAÇÃO Relatório Final de Atividade...
 
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
Aula 25 - A america espanhola - colonização, exploraçãp e trabalho (mita e en...
 
migração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenosmigração e trabalho 2º ano.pptx fenomenos
migração e trabalho 2º ano.pptx fenomenos
 
Camadas da terra -Litosfera conteúdo 6º ano
Camadas da terra -Litosfera  conteúdo 6º anoCamadas da terra -Litosfera  conteúdo 6º ano
Camadas da terra -Litosfera conteúdo 6º ano
 
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
A Revolução Francesa. Liberdade, Igualdade e Fraternidade são os direitos que...
 
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
 
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
A EDUCAÇÃO FÍSICA NO NOVO ENSINO MÉDIO: IMPLICAÇÕES E TENDÊNCIAS PROMOVIDAS P...
 
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdfRecomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.pdf
Recomposiçao em matematica 1 ano 2024 - ESTUDANTE 1ª série.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.