Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
DESIGNGRÁFICOFundamentos essenciais
Fabio Silveira
Tópicos Avançados IED © 2015 - SP
O trabalho Fundamentos da Linguagem Visual do Professor Fabio Silveira foi licenciado com uma Licença Creative Commons - Atribuição-NãoComercial-CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbito desta licença em [email protected]. Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens neste documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL28.10QUA
exposição de conceitos
1h30planejamento de peças
1h30
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL28.10QUA
exposição de conceitos
1h30planejamento de peças
1h30
29.10QUI
desenvolvimento das peças
1h30estruturar a apresentação
1h30
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL28.10QUA
exposição de conceitos
1h30planejamento de peças
1h30
30.10SEX
desenvolvimento das apresentação
3hapresentações e encerramento
29.10QUI
desenvolvimento das peças
1h30estruturar a apresentação
1h30
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL
VAMOS SER FELIZ, GENTE!:)
28.10QUA
exposição de conceitos
1h30planejamento de peças
1h30
30.10SEX
desenvolvimento das apresentação
3hapresentações e encerramento
29.10QUI
desenvolvimento das peças
1h30estruturar a apresentação
1h30
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
A capacidade de transmitir ideias por meio de imagens, que sejam ao mesmo tempo criativas e lógicas que trabalham mensagens visuais e verbais.
TipografiaCor
LayoutProcesso
FerramentasFonte:
Fundamentos do Design Gráfico
Debbie Millman
DESIGN GRÁFICO
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOS AVANÇADOS/TYPE
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TRADICIONALBrandTIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TRADICIONALBrandBrand
FEMININO
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TRADICIONAL
INFORMAL
BrandBrandBrand
FEMININO
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GERARD UNGERHTTP://WWW.GERARDUNGER.COM/
TRADICIONAL
INFORMAL
BrandBrandBrand
FEMININO
“Existem vários processos acontecendo no nosso inconsciente enquanto lemos algo. Através de uma escolha tipográfica, os designers estabelecem rotas para os leitores: rotas que frequentemente não são percebidas conscientemente mas que ainda assim estão sendo seguidas.”
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GERARD UNGERHTTP://WWW.GERARDUNGER.COM/
TRADICIONAL
INFORMAL
BrandBrandBrand
FEMININO
“Existem vários processos acontecendo no nosso inconsciente enquanto lemos algo. Através de uma escolha tipográfica, os designers estabelecem rotas para os leitores: rotas que frequentemente não são percebidas conscientemente mas que ainda assim estão sendo seguidas.”
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
analogia: parece ou não parece com (análise sintática)referência: remete ou refere-se a (campo semântico)
retórica tipográfica
referência cultural
analogia formal
(afirmativa ou negativa)
T=AF+RC
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Conceito característica recurso tipográfico
sensual insinuante, provocante curva, sugestão da forma
feminino delicado, frágil letras finas, curvilíneas
íntimo próximo, suave, contato humanista, leve, minusculas
casual básico, informal legível, manuscrito, minúscula
simples objetivo, claro, austero legível, arquétipo
qualidade acabamento, precisão alinhamento, perfeição
dinâmico movimento, ritmo, conexão itálico, ligatura, cursivo
sofisticado discreto, minimalista leve, maiúscula, espacejada
tradicional recorrente, antigo tipos clássicos, serifa
confiança equilíbrio, estável, coerência alinhamento, peso, proporção
autoridade força, consistência maiúscula, peso, condensado
diversidade múltiplo, híbrido, coletivo variação formal, contraste
arrojado incomum, inusitado assimétrico, irregular, desconstruído
exemplos de analogias aplicadas na construção do significado pela tipografia
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Lisa Rienermannhttp://lisarienermann.tumblr.com/
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PAUL RENNER
MATEW CARTER
ERIC GILL ERIK SPIEKERMANN OTL AICHER
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Nokia Pure
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
www.fontsquirrel.com/
www.myfonts.com/
www.google.com/fonts
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
www.daltonmaag.com/
www.awwwards.
com/100-greatest-
free-fonts-collection-
for-2015.html
https://typekit.com/
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOS AVANÇADOS/COR
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
COR
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Círculo Cromático
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Básicas Primárias
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Secundárias
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Terciárias
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Quentes
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Frias
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Análogas
todas as gama existente entre duas cores vizinhas
do círculo cromático
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Complementares
primárias
secundárias
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Complementares
terciárias
terciárias
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
tons neutros
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de CoresTríade cromática
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de CoresTríade cromática
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Desvio CromáticoComplementar
Análogas
Esquemas de CoresDesvío cromático
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de CoresTétrade cromática
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de CoresTétrade cromática
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de CoresHéxade cromática
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
https://design.google.com/
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
https://color.adobe.com/create/color-wheel/
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
http://labs.tineye.com/multicolr/
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOS AVANÇADOS/GRID
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT
http://960.gs/
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT
http://gridcalculator.dk/
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOS AVANÇADOS/PPT?
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
APRESENTAÇÃO
USEIMAGENSCOM IMPACTO
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
MEIAPALAVRABASTA
MEIAPALAVRA USE POUCASBASTA PALAVRAS
Você pode se apoiar no discurso oral
e colocar apenas as
palavras que importam
para seu argumento.
APRESENTAÇÃO
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
APRESENTAÇÃO
CUIDADOCOM A LEGIBILIDADE
cuide para que o seu texto seja legível (BEM LEGÍVEL) para quem está vendo sua apresentação
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
APRESENTAÇÃO
CUIDADOCOM A
LEGIBILIDADEcuide para
que o seu texto seja legível
(BEM LEGÍVEL) para quem
está vendo sua apresentação
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
APRESENTAÇÃO
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre p apal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Não há perda apreciável de
legiblidade com tipografia
aplicada sobre papal
levemente colorido, desde
que a cor não exceda 30%
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PRODUTO
CÍRCULOSDOURADOSSIMON SINEK
PROCESSO
ESSÊNCIA
O QUÊ?What?
COMO?How?
POR QUÊ?Why?
APRESENTAÇÃO
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
VÍDEO SIMON SINEK
Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
MUITOOBRIGADO : )@fabionsilveira
/fabionsilveira
/experimentandodesignthinking
/designthinkingeducadores
twitter instagram
face