Aula sobre ( Alguns ) Fundamentos do Design ministrada para a turma de Engenharia da Faculdade Insper em São Paulo.

1. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
DESIGN
GRÁ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 fabio.designerbr@gmail.com. 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.

2. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL
28.10
QUA
exposição de conceitos
1h30
planejamento de peças
1h30

3. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL
28.10
QUA
exposição de conceitos
1h30
planejamento de peças
1h30
29.10
QUI
desenvolvimento das peças
1h30
estruturar a apresentação
1h30

4. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL
28.10
QUA
exposição de conceitos
1h30
planejamento de peças
1h30
30.10
SEX
desenvolvimento
das apresentação
3h
apresentações
e encerramento
29.10
QUI
desenvolvimento das peças
1h30
estruturar a apresentação
1h30

5. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PLANO GERAL
VAMOS SER
FELIZ, GENTE!
:)
28.10
QUA
exposição de conceitos
1h30
planejamento de peças
1h30
30.10
SEX
desenvolvimento
das apresentação
3h
apresentações
e encerramento
29.10
QUI
desenvolvimento das peças
1h30
estruturar a apresentação
1h30

6. 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.
Tipografia
Cor
Layout
Processo
Ferramentas
Fonte:
Fundamentos do
Design Gráfico
Debbie Millman
DESIGN
GRÁFICO

7. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOSAVANÇADOS/TYPE

8. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

9. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TRADICIONAL
Brand
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

10. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TRADICIONAL
Brand
BrandFEMININO
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

11. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TRADICIONAL
INFORMAL
Brand
Brand
Brand
FEMININO
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

12. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GERARD UNGER
HTTP://WWW.GERARDUNGER.COM/
TRADICIONAL
INFORMAL
Brand
Brand
Brand
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.”
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

13. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GERARD UNGER
HTTP://WWW.GERARDUNGER.COM/
TRADICIONAL
INFORMAL
Brand
Brand
Brand
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.”
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

14. 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
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

15. 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
TIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN

16. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira

17. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Lisa Rienermann
http://lisarienermann.tumblr.com/

18. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PAUL
RENNER
MATEW
CARTER
ERIC GILL ERIK SPIEKERMANN OTL AICHER

19. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Nokia Pure

20. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira

21. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira

22. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
www.fontsquirrel.com/
www.myfonts.com/
www.google.com/fonts

23. 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/

24. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOSAVANÇADOS/COR

25. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
COR

26. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Círculo Cromático

27. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Básicas Primárias

28. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Secundárias

29. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Terciárias

30. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Quentes

31. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Frias

32. 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

33. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Complementares
primárias
secundárias

34. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Cores Complementares
terciárias
terciárias

35. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
tons neutros

36. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de Cores
Tríade cromática

37. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de Cores
Tríade cromática

38. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Desvio
Cromático
Complementar
Análogas
Esquemas de Cores
Desvío cromático

39. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de Cores
Tétrade cromática

40. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de Cores
Tétrade cromática

41. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
Esquemas de Cores
Héxade cromática

42. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
https://design.google.com/

43. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
https://color.adobe.com/create/color-wheel/

44. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
http://labs.tineye.com/multicolr/

45. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOSAVANÇADOS/GRID

46. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT

47. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT

48. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT
http://960.gs/

49. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
GRIDLAYOUT
http://gridcalculator.dk/

50. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
TÓPICOSAVANÇADOS/PPT?

51. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
APRESENTAÇÃO
USE
IMAGENS
COM IMPACTO

52. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
MEIA
PALA
BAST
A
AVRA USE POUCAS
TA PALAVRAS
Você pode
se apoiar no
discurso oral
e colocar
apenas as
palavras que
importam
para seu
argumento.
APRESENTAÇÃO

53. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
APRESENTAÇÃO
CUIDADO
COM A
LEGIBILIDADE
cuide para
que o seu texto
seja legível
(BEM LEGÍVEL)
para quem
está vendo sua
apresentação

54. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
APRESENTAÇÃO
CUIDADO
COM A
LEGIBILIDADE
cuide para
que o seu texto
seja legível
(BEM LEGÍVEL)
para quem
está vendo sua
apresentação

55. 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%

56. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
PRODUTO
CÍRCULOS
DOURADOS
SIMON SINEK
PROCESSO
ESSÊNCIA
O QUÊ?
What?
COMO?
How?
POR
QUÊ?
Why?
APRESENTAÇÃO

57. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
VÍDEO
SIMONSINEK

58. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
MUITO
OBRIGADO : )
@fabionsilveira
fabio@designderaiz.com.br
/fabionsilveira
/experimentandodesignthinking
/designthinkingeducadores
twitter
instagram
email
face