CRP-0357 PRODUÇÃO GRÁFICA
INFRA
BLOG, GDOCS, FACEBOOK, PINTEREST
INFRA: BLOG
INFRA: GOOGLEDOCS
INFRA: FACEBOOK
INFRA: PINTEREST
INFRA: ESPERE
COPA
FERIADOS:
SEMANA
SANTA,
TIRADENTES
E PÓS-JUCA
ENTREGA DOS
TRABALHOS
PARA 29/6.
PROGRAMA
• Design gráfico e critério
• Introdução aos processos de produção gráfica
• Cor e processos de impressão
• Imagem, papel e acabamento
• Visita: gráfica de grande porte
• Tipografia
• Elementos de design e projeto gráfico
• Design tradicional vs. moderno
• Programas de layout de páginas
• Comunicação digital e interfaces
A IDEIA PRINCIPAL:
• Alfabetização visual, parte II
• Primeiro é preciso saber VER, 

depois pensar no que fazer

e como fazê-lo.
• Produção gráfica
• Tecnologia
• Objetivo principal: conhecer a IDEIA e a MENSAGEM,

depois pensar na técnica
• Design, comunicação e relevância
FATO:
QUALQUER IMBECIL FAZ UM LIVRO.
AULA 1
DESIGN GRÁFICO E CRITÉRIO.
O QUE VOCÊ
PRETENDE FAZER?
(QUERO DIZER, PROFISSIONALMENTE)?
QUAL A IMPORTÂNCIA

DO DESIGN E DA

ALFABETIZAÇÃO
VISUAL

PARA ISSO?
SÍMBOLOS E
SENSAÇÕES
NOSSO CONTATO COM O MUNDO SE DÁ
ATRAVÉS DE UMA MISTURA DE
SÍMBOLOS E SENSAÇÕES.
PERCEPÇÃO VS. SÍMBOLO
• O universo cognitivo se divide em duas categorias: o que se
apreende do mundo (percepção) e os símbolos derivados dele.
• Percepção – informação “crua”, órgãos dos sentidos
• Determina universo de contexto
• Propicia inconsciente
• Símbolo – universo criado através da “tradução” da
percepção em elementos de linguagem
• Nenhuma categoria pode ser “desligada” ou considerada
isoladamente.
EQUILÍBRIO ENTRE

PERCEPÇÃO E SÍMBOLO
• É preciso equilibrar os elementos do universo
cognitivo para garantir uma comunicação eficiente.
• Elementos exclusivamente “perceptivos” são
considerados emocionais, fúteis, sem motivo real.
• Elementos exclusivamente “simbólicos” são
considerados racionais demais, insossos, sem apelo.
• O design eficiente deve estabelecer um contexto
(percepção) e transmitir informação (símbolo).
DESIGN VS.

“DAR UMA
ESTILIZADA”
CORRE-SE O RISCO DE FICAR SÓ

PERCEPTUAL (“ESTRANHO, BONITINHO”)

OU SIMBÓLICO DEMAIS (“CONCEITUAL, ÓBVIO”)
FOTO NHÉ.
DEBATE: O QUE FAZ
UM

“BOM DESIGN”?
AS AGÊNCIAS, CLIENTES,

EDITORAS E EMPRESAS

SABEM DISSO? QUEREM ISSO?

SABEM PEDIR?
O QUE É DESIGN?
• DESENHO
• composição, fotografia, tipografia, ilustração.
• PROJETO
• segue uma lógica e linha narrativa.
• DESÍGNIO
• tem um objetivo claro e bem determinado
ORDEM
IMAGINADA:
DESENHO > PROJETO > DESÍGNIO.
ORDEM
CORRETA:
DESÍGNIO > PROJETO > DESENHO.
PRODUÇÃO
GRÁFICA:
DESIGN DO FIM PARA O COMEÇO.
DESIGN:
COMUNICAÇÃO
RELEVÂNCIA
IMPACTO
TRANSPARÊNCIA
A IMPORTÂNCIA
DO DESIGN
ELE “VESTE” A PÁGINA, DÁ O SEU TOM.
O QUE VOCÊ ACHA
BONITO?

POR QUÊ?
SÓ É BONITO O QUE
É (QUASE) FAMILIAR
O QUE NÃO COMPARTILHA ELEMENTOS
COM SEU PÚBLICO SE TORNA HERMÉTICO
E DIFÍCIL DE SER APRECIADO.
O QUE É FAMILIAR DEMAIS NÃO TRAZ
NOVIDADES NEM PORTA INFORMAÇÃO,
NÃO CAUSA INTERESSE.
O DESIGN
EFETIVO
TEM ELEMENTOS FAMILIARES EM
COMBINAÇÃO INUSITADA
QUAL É A
IMPORTÂNCIA DA
ARTE
EM UM MUNDO DE ALTA TECNOLOGIA E
RACIONALIDADE?
CRITÉRIO
AJUDA A FORMAR EXEMPLOS,
QUE ESTABELECEM REFERÊNCIAS,
DETERMINAM COMPARAÇÕES E,
A PARTIR DELAS, A TIRAR CONCLUSÕES.
CRITÉRIO = NOÇÃO
COMO SE CONSTRÓI CRITÉRIO
NO CLIENTE, NO PÚBLICO, NAS
EMPRESAS, EM VOCÊ?
O DESIGN DEPENDE
DE CRITÉRIO:
PORTANTO DEPENDE DE:
OBJETIVOS
PÚBLICO
FORMATO
RESPOSTA
BOM DESIGN
ESTABELECE RELAÇÕES
DE INTERDEPENDÊNCIA
ENTRE DESENHO, PROJETO E DESÍGNIO.
SATISFAÇÃO
VS. SEDUÇÃO
O PRODUTO DEVE SATISFAZER,

A COMUNICAÇÃO FOI FEITA PARA SEDUZIR.
SÃO COISAS MUITO DIFERENTES.
ANALFABETISMO
VISUAL
SE NÃO HÁ ALFABETIZAÇÃO VISUAL,

NÃO HÁ CRITÉRIO.

“PORTUNHOL VISUAL”: AUTODIDATAS PRAGMÁTICOS,
ACREDITAM QUE É FÁCIL FAZER E AVALIAR DESIGN.
COMO FUNCIONA

UM PRÊMIO

DE CRIAÇÃO?
IMAGINE-SE EM CANNES

OU QUALQUER OUTRA PORCARIA DESSAS.
ANÁLISE:

PEÇAS GRÁFICAS
ATRIBUA UMA NOTA DE 0 A 5 PARA

CADA UMA DAS PEÇAS A SEGUIR


SELECIONE 5 MELHORES E 5 PIORES
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
PROBLEMAS PARA A ANÁLISE:
• Falta de critério de escolha
• Desvio-padrão grande (poucas unanimidades)
• Falta de segurança na aplicação do critério
• Falta de familiaridade com o critério de análise
• Pouco convívio com os critérios de escolha
• Modismos
“TENDÊNCIAS”
DE DESIGN?
ISSO FAZ ALGUM SENTIDO?
“BOM” VS. “MAU” DESIGN:
• Como julgar design?
• Algumas sugestões de critério:
• Sintonia com os objetivos da comunicação
• Aparência ligada ao universo visual do público
• Relevância
• Inovação
• Impacto
• “Ah, mas daí perde a graça”


DESIGN NÃO É (TÃO)
DEPENDENTE DE
TECNOLOGIA
QUANTO SE PENSA.


DESIGNERS CRIAVAM
UM ESTILO E O
REPETIAM
... POR QUE ELES FAZIAM ISSO?
...POR QUE NÃO SE PODE MAIS FAZER ISSO?
O PROBLEMA DO
“MAU DESIGN”:
COMUNICA MAL.
É COMO A MÁ MÚSICA OU A MÁ COZINHA.
MAU DESIGN
COSTUMA SER
CAUSADO POR:
FALTA DE CRITÉRIO

DESCONHECIMENTO DO PÚBLICO

OU DA FUNÇÃO DO DESIGN
FALTA DE BRIEFING CLARO
DESIGN,

ACIMA DE TUDO, 

NÃO É ÓBVIO.
…MAS POR QUÊ?
AVALIAR É SIMPLES:

SÓ DEMANDA CRITÉRIO.
FIMPG.ECA.LULI.COM.BR
PARA CASA:
• 1. No seu documento do GoogleDocs, colocar um
exemplo de “bom” design e um de “mau” design.
Justificar em um parágrafo. Individual.
• 2. Entrar no grupo do Facebook;
• 3. Criar um painel ECA-PG no Pinterest; e
• 4. Furar TODOS OS OLHOS das figuras humanas
em uma revista. Subir uma imagem para seu
Pinterest. Trazer para a próxima aula.
TRABALHO FINAL (1):

IDENTIDADE VISUAL
CRIAR A IDENTIDADE DE UMA MARCA FICTÍCIA.
DEFINIR CORES, APLICAÇÕES, VERSÕES, USOS,
MONOCROMIAS E PAPELARIA.
DESENVOLVER MANUAL DE ID. VISUAL.
TRABALHO FINAL (2):

REVISTA
CRIAR O PROJETO GRÁFICO DE UMA REVISTA.
NÃO É PRECISO ESCREVER TEXTOS NEM
DIAGRAMAR A REVISTA INTEIRA, MAS DEVE-SE
FAZER UM MODELO QUE DÊ UMA CLARA IDEIA
DE SEU LAYOUT.
DESENVOLVER O DESCRITIVO DE GRÁFICA.
TRABALHO FINAL (3):

MATERIAL DE REFERÊNCIA
• Verbetes com 3+ parágrafos sobre:
• Gerais verbetes pedidos em aula.
• Tipografia escolher um termo de uma lista (corpo, entrelinha,
eme, peso alinhamento etc) e defini-lo.
• Gráfica escolher um termo de uma lista de partes e técnicas do
processo gráfico (flexografia etc) e defini-lo.
• Designer escolher dois nomes de uma lista (Milton Glaser etc),
descrever sua importância e fazer cartazes no estilo deles.
• Família tipográfica (fonte) escolher de uma lista (Garamond,
Helvetica etc), definir suas características e importância.

CRP0357-2014-01