Fundamentos design grafico | Insper

3.048 visualizações

Publicada em

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

Publicada em: Design
1 comentário
27 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
3.048
No SlideShare
0
A partir de incorporações
0
Número de incorporações
12
Ações
Compartilhamentos
0
Downloads
356
Comentários
1
Gostaram
27
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Fundamentos design grafico | Insper

  1. 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. 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. 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. 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. 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. 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. 7. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira TÓPICOSAVANÇADOS/TYPE
  8. 8. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira TIPOGRAFIA ESCOLHA BEM A PARA SEU PROJETO DE DESIGN
  9. 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. 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. 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. 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. 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. 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. 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. 16. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
  17. 17. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Lisa Rienermann http://lisarienermann.tumblr.com/
  18. 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. 19. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Nokia Pure
  20. 20. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
  21. 21. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira
  22. 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. 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. 24. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira TÓPICOSAVANÇADOS/COR
  25. 25. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira COR
  26. 26. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Círculo Cromático
  27. 27. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Cores Básicas Primárias
  28. 28. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Cores Secundárias
  29. 29. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Cores Terciárias
  30. 30. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Cores Quentes
  31. 31. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Cores Frias
  32. 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. 33. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Cores Complementares primárias secundárias
  34. 34. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Cores Complementares terciárias terciárias
  35. 35. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira tons neutros
  36. 36. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Esquemas de Cores Tríade cromática
  37. 37. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Esquemas de Cores Tríade cromática
  38. 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. 39. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Esquemas de Cores Tétrade cromática
  40. 40. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Esquemas de Cores Tétrade cromática
  41. 41. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira Esquemas de Cores Héxade cromática
  42. 42. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira https://design.google.com/
  43. 43. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira https://color.adobe.com/create/color-wheel/
  44. 44. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira http://labs.tineye.com/multicolr/
  45. 45. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira TÓPICOSAVANÇADOS/GRID
  46. 46. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira GRIDLAYOUT
  47. 47. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira GRIDLAYOUT
  48. 48. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira GRIDLAYOUT http://960.gs/
  49. 49. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira GRIDLAYOUT http://gridcalculator.dk/
  50. 50. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira TÓPICOSAVANÇADOS/PPT?
  51. 51. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira APRESENTAÇÃO USE IMAGENS COM IMPACTO
  52. 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. 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. 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. 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. 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. 57. Fundamentos do Design Gráfico | TÓPICOS AVANÇADOS | BR | SP | Fabio Silveira VÍDEO SIMONSINEK
  58. 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

×