SlideShare uma empresa Scribd logo
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.

Mais conteúdo relacionado

Destaque

CRP0357-2014-06
CRP0357-2014-06CRP0357-2014-06
CRP0357-2016-01
CRP0357-2016-01CRP0357-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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
Aula CRP-0420-2016-10-DATACRACIA
Aula CRP-0420-2016-10-DATACRACIAAula CRP-0420-2016-10-DATACRACIA
Aula CRP-0420-2016-10-DATACRACIA
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
CRP0357-2014-14
CRP0357-2014-14CRP0357-2014-14
CRP0357-2014-01
CRP0357-2014-01CRP0357-2014-01
CRP0357-2014-09
CRP0357-2014-09CRP0357-2014-09
CRP0357-2014-08
CRP0357-2014-08CRP0357-2014-08
CRP0357-2014-07
CRP0357-2014-07CRP0357-2014-07

Destaque (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
 

Semelhante a CRP0357-2014-04

Gestalt
GestaltGestalt
Arte4ef
Arte4efArte4ef
Gestalt new(fix)
Gestalt new(fix)Gestalt new(fix)
Gestalt new(fix)
De Janks
 
Leitura de Imagens
Leitura de ImagensLeitura de Imagens
Leitura de Imagens
Raquel158
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
Odair Cavichioli
 
Sixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercíciosSixtaxe linguagem visual exercícios
Sixtaxe linguagem visual exercícios
Dhione Oliveira
 
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 tipografiaTaís Paranhos
 
Slides partes da argumentação
Slides partes da argumentaçãoSlides partes da argumentação
Slides partes da argumentação
Francine Prof. Português
 
Slideologypencilsparte2
Slideologypencilsparte2Slideologypencilsparte2
Slideologypencilsparte2
Marcelo de Menezes
 
Tecnicas de redacao
Tecnicas de redacaoTecnicas de redacao
Tecnicas de redacaoJ M
 
Técnicas de redação
Técnicas de redaçãoTécnicas de redação
Técnicas de redaçãobelschlatter
 
Apostila tecnicas de redação
Apostila   tecnicas de redaçãoApostila   tecnicas de redação
Apostila tecnicas de redaçãoafmrtnez
 
Técnicas de redação
Técnicas de redaçãoTécnicas de redação
Técnicas de redação
Daniel Cabral
 
Psicologia Percepção -Estágio Básico 1
Psicologia Percepção -Estágio Básico 1Psicologia Percepção -Estágio Básico 1
Psicologia Percepção -Estágio Básico 1
BeatrizVieira226546
 
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
AndersonSouzaCapacit
 
Apostila 6 artes
Apostila 6 artesApostila 6 artes
Apostila 6 artes
daniele siqueira
 

Semelhante a 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
 
Tecnicas de redacao
Tecnicas de redacaoTecnicas de redacao
Tecnicas de redacao
 
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
 
Psicologia Percepção -Estágio Básico 1
Psicologia Percepção -Estágio Básico 1Psicologia Percepção -Estágio Básico 1
Psicologia Percepção -Estágio Básico 1
 
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
 

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

2019 CRP-0422 - AULA 3
2019 CRP-0422 - AULA 32019 CRP-0422 - AULA 3
2019 CRP-0422 - AULA 2
2019 CRP-0422 - AULA 22019 CRP-0422 - AULA 2
2019 CRP-0422 - AULA 1
2019 CRP-0422 - AULA 12019 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)
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
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)
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
Aula 10 de Fotografia - Lightroom
Aula 10 de Fotografia - LightroomAula 10 de Fotografia - Lightroom
Aula 10 de Fotografia - Lightroom
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
Aula CRP-0420-2016-02
Aula CRP-0420-2016-02Aula CRP-0420-2016-02
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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
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
Aulas LULI: CRP-0357, CRP-0422 e CRP-0420
 
Aula CRP-0420-2015-12
Aula CRP-0420-2015-12Aula CRP-0420-2015-12
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-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-04
Aula CRP-0420-2015-04Aula CRP-0420-2015-04

Mais 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
 

Último

o que está acontecendo no Rio grande do Sul
o que está acontecendo no Rio grande do Sulo que está acontecendo no Rio grande do Sul
o que está acontecendo no Rio grande do Sul
CarlaInsStaub
 
América Latina: Da Independência à Consolidação dos Estados Nacionais
América Latina: Da Independência à Consolidação dos Estados NacionaisAmérica Latina: Da Independência à Consolidação dos Estados Nacionais
América Latina: Da Independência à Consolidação dos Estados Nacionais
Valéria Shoujofan
 
Saudações e como se apresentar em português
Saudações e como se apresentar em portuguêsSaudações e como se apresentar em português
Saudações e como se apresentar em português
jacctradutora
 
EJA -livro para professor -dos anos iniciais letramento e alfabetização.pdf
EJA -livro para professor -dos anos iniciais letramento e alfabetização.pdfEJA -livro para professor -dos anos iniciais letramento e alfabetização.pdf
EJA -livro para professor -dos anos iniciais letramento e alfabetização.pdf
Escola Municipal Jesus Cristo
 
Slide Internet Slang ingles 9 ano f.pptx
Slide Internet Slang ingles 9 ano f.pptxSlide Internet Slang ingles 9 ano f.pptx
Slide Internet Slang ingles 9 ano f.pptx
JOYCEAlves762488
 
DIFERENÇA DO INGLES BRITANICO E AMERICANO.pptx
DIFERENÇA DO INGLES BRITANICO E AMERICANO.pptxDIFERENÇA DO INGLES BRITANICO E AMERICANO.pptx
DIFERENÇA DO INGLES BRITANICO E AMERICANO.pptx
cleanelima11
 
Caça-palavras - ortografia S, SS, X, C e Z
Caça-palavras - ortografia  S, SS, X, C e ZCaça-palavras - ortografia  S, SS, X, C e Z
Caça-palavras - ortografia S, SS, X, C e Z
Mary Alvarenga
 
MÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptx
MÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptxMÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptx
MÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptx
Martin M Flynn
 
Junho Violeta - Sugestão de Ações na Igreja
Junho Violeta - Sugestão de Ações na IgrejaJunho Violeta - Sugestão de Ações na Igreja
Junho Violeta - Sugestão de Ações na Igreja
Comando Resgatai
 
APOSTILA JUIZ DE PAZ capelania cristã.pdf
APOSTILA JUIZ DE PAZ capelania cristã.pdfAPOSTILA JUIZ DE PAZ capelania cristã.pdf
APOSTILA JUIZ DE PAZ capelania cristã.pdf
CarlosEduardoSola
 
Caderno de Estudo Orientado para Ensino Médio
Caderno de Estudo Orientado para Ensino MédioCaderno de Estudo Orientado para Ensino Médio
Caderno de Estudo Orientado para Ensino Médio
rafaeloliveirafelici
 
curso-de-direito-constitucional-gilmar-mendes.pdf
curso-de-direito-constitucional-gilmar-mendes.pdfcurso-de-direito-constitucional-gilmar-mendes.pdf
curso-de-direito-constitucional-gilmar-mendes.pdf
LeandroTelesRocha2
 
Capitalismo a visão de John Locke........
Capitalismo a visão de John Locke........Capitalismo a visão de John Locke........
Capitalismo a visão de John Locke........
Lídia Pereira Silva Souza
 
Slides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptx
Slides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptxSlides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptx
Slides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptx
LuizHenriquedeAlmeid6
 
Slides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptx
Slides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptxSlides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptx
Slides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptx
LuizHenriquedeAlmeid6
 
Eurodeputados Portugueses 2019-2024 (nova atualização)
Eurodeputados Portugueses 2019-2024 (nova atualização)Eurodeputados Portugueses 2019-2024 (nova atualização)
Eurodeputados Portugueses 2019-2024 (nova atualização)
Centro Jacques Delors
 
PROPOSTA CURRICULAR EDUCACAO FISICA.docx
PROPOSTA CURRICULAR  EDUCACAO FISICA.docxPROPOSTA CURRICULAR  EDUCACAO FISICA.docx
PROPOSTA CURRICULAR EDUCACAO FISICA.docx
Escola Municipal Jesus Cristo
 
Conteúdo sobre a formação e expansão persa
Conteúdo sobre a formação e expansão persaConteúdo sobre a formação e expansão persa
Conteúdo sobre a formação e expansão persa
felipescherner
 
Atividade - Letra da música "Tem Que Sorrir" - Jorge e Mateus
Atividade - Letra da música "Tem Que Sorrir"  - Jorge e MateusAtividade - Letra da música "Tem Que Sorrir"  - Jorge e Mateus
Atividade - Letra da música "Tem Que Sorrir" - Jorge e Mateus
Mary Alvarenga
 
Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...
Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...
Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...
cristianofiori1
 

Último (20)

o que está acontecendo no Rio grande do Sul
o que está acontecendo no Rio grande do Sulo que está acontecendo no Rio grande do Sul
o que está acontecendo no Rio grande do Sul
 
América Latina: Da Independência à Consolidação dos Estados Nacionais
América Latina: Da Independência à Consolidação dos Estados NacionaisAmérica Latina: Da Independência à Consolidação dos Estados Nacionais
América Latina: Da Independência à Consolidação dos Estados Nacionais
 
Saudações e como se apresentar em português
Saudações e como se apresentar em portuguêsSaudações e como se apresentar em português
Saudações e como se apresentar em português
 
EJA -livro para professor -dos anos iniciais letramento e alfabetização.pdf
EJA -livro para professor -dos anos iniciais letramento e alfabetização.pdfEJA -livro para professor -dos anos iniciais letramento e alfabetização.pdf
EJA -livro para professor -dos anos iniciais letramento e alfabetização.pdf
 
Slide Internet Slang ingles 9 ano f.pptx
Slide Internet Slang ingles 9 ano f.pptxSlide Internet Slang ingles 9 ano f.pptx
Slide Internet Slang ingles 9 ano f.pptx
 
DIFERENÇA DO INGLES BRITANICO E AMERICANO.pptx
DIFERENÇA DO INGLES BRITANICO E AMERICANO.pptxDIFERENÇA DO INGLES BRITANICO E AMERICANO.pptx
DIFERENÇA DO INGLES BRITANICO E AMERICANO.pptx
 
Caça-palavras - ortografia S, SS, X, C e Z
Caça-palavras - ortografia  S, SS, X, C e ZCaça-palavras - ortografia  S, SS, X, C e Z
Caça-palavras - ortografia S, SS, X, C e Z
 
MÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptx
MÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptxMÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptx
MÁRTIRES DE UGANDA Convertem-se ao Cristianismo - 1885-1887.pptx
 
Junho Violeta - Sugestão de Ações na Igreja
Junho Violeta - Sugestão de Ações na IgrejaJunho Violeta - Sugestão de Ações na Igreja
Junho Violeta - Sugestão de Ações na Igreja
 
APOSTILA JUIZ DE PAZ capelania cristã.pdf
APOSTILA JUIZ DE PAZ capelania cristã.pdfAPOSTILA JUIZ DE PAZ capelania cristã.pdf
APOSTILA JUIZ DE PAZ capelania cristã.pdf
 
Caderno de Estudo Orientado para Ensino Médio
Caderno de Estudo Orientado para Ensino MédioCaderno de Estudo Orientado para Ensino Médio
Caderno de Estudo Orientado para Ensino Médio
 
curso-de-direito-constitucional-gilmar-mendes.pdf
curso-de-direito-constitucional-gilmar-mendes.pdfcurso-de-direito-constitucional-gilmar-mendes.pdf
curso-de-direito-constitucional-gilmar-mendes.pdf
 
Capitalismo a visão de John Locke........
Capitalismo a visão de John Locke........Capitalismo a visão de John Locke........
Capitalismo a visão de John Locke........
 
Slides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptx
Slides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptxSlides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptx
Slides Lição 10, CPAD, Desenvolvendo uma Consciência de Santidade, 2Tr24.pptx
 
Slides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptx
Slides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptxSlides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptx
Slides Lição 9, Betel, Ordenança para uma vida de santificação, 2Tr24.pptx
 
Eurodeputados Portugueses 2019-2024 (nova atualização)
Eurodeputados Portugueses 2019-2024 (nova atualização)Eurodeputados Portugueses 2019-2024 (nova atualização)
Eurodeputados Portugueses 2019-2024 (nova atualização)
 
PROPOSTA CURRICULAR EDUCACAO FISICA.docx
PROPOSTA CURRICULAR  EDUCACAO FISICA.docxPROPOSTA CURRICULAR  EDUCACAO FISICA.docx
PROPOSTA CURRICULAR EDUCACAO FISICA.docx
 
Conteúdo sobre a formação e expansão persa
Conteúdo sobre a formação e expansão persaConteúdo sobre a formação e expansão persa
Conteúdo sobre a formação e expansão persa
 
Atividade - Letra da música "Tem Que Sorrir" - Jorge e Mateus
Atividade - Letra da música "Tem Que Sorrir"  - Jorge e MateusAtividade - Letra da música "Tem Que Sorrir"  - Jorge e Mateus
Atividade - Letra da música "Tem Que Sorrir" - Jorge e Mateus
 
Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...
Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...
Atividade-9-8o-ano-HIS-Os-caminhos-ate-a-independencia-do-Brasil-Brasil-Colon...
 

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.