Fundamentos design grafico | Insper

2.059 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
20 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
2.059
No SlideShare
0
A partir de incorporações
0
Número de incorporações
12
Ações
Compartilhamentos
0
Downloads
201
Comentários
1
Gostaram
20
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Fundamentos design grafico | Insper

  1. 1. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira DESIGN GRÁFICOFundamentos essenciais Fabio Silveira Insper © 2015 - SP O trabalho Aulas_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 | INSPER | 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 DESIGN GRÁFICO
  3. 3. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira TIPOGRAFIA ESCOLHA BEM A PARA SEU PROJETO DE DESIGN
  4. 4. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira TRADICIONAL Brand TIPOGRAFIA ESCOLHA BEM A PARA SEU PROJETO DE DESIGN
  5. 5. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira TRADICIONAL Brand BrandFEMININO TIPOGRAFIA ESCOLHA BEM A PARA SEU PROJETO DE DESIGN
  6. 6. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira TRADICIONAL INFORMAL Brand Brand Brand FEMININO TIPOGRAFIA ESCOLHA BEM A PARA SEU PROJETO DE DESIGN
  7. 7. Fundamentos do Design Gráfico | INSPER | 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
  8. 8. Fundamentos do Design Gráfico | INSPER | 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
  9. 9. Fundamentos do Design Gráfico | INSPER | 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
  10. 10. Fundamentos do Design Gráfico | INSPER | 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
  11. 11. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira
  12. 12. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Lisa Rienermann http://lisarienermann.tumblr.com/
  13. 13. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira PAUL RENNER MATEW CARTER ERIC GILL ERIK SPIEKERMANN OTL AICHER
  14. 14. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Nokia Pure
  15. 15. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira
  16. 16. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira
  17. 17. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira http://simplefocus.com/flowtype/
  18. 18. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira COR
  19. 19. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Círculo Cromático
  20. 20. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Básicas Primárias
  21. 21. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Secundárias
  22. 22. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Terciárias
  23. 23. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Quentes
  24. 24. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Frias
  25. 25. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Análogas todas as gama existente entre duas cores vizinhas do círculo cromático
  26. 26. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Complementares primárias secundárias
  27. 27. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Cores Complementares terciárias terciárias
  28. 28. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira tons neutros
  29. 29. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira ESFERA DE MUNSELL Em 1905, Albert Munsell elaborou o que consideramos o melhor sistema baseado nos princípios perceptivos. O sistema de cores HSV ou HSB [Hue; Saturation; Value; Brightness] é utilizado em muitos softwares atuais.
  30. 30. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Esquemas de Cores Tríade cromática
  31. 31. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Esquemas de Cores Tríade cromática
  32. 32. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Desvio Cromático Complementar Análogas Esquemas de Cores Desvío cromático
  33. 33. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Esquemas de Cores Tétrade cromática
  34. 34. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Esquemas de Cores Tétrade cromática
  35. 35. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Esquemas de Cores Héxade cromática
  36. 36. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira https://design.google.com/
  37. 37. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira https://color.adobe.com/create/color-wheel/
  38. 38. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira http://labs.tineye.com/multicolr/
  39. 39. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira GRIDLAYOUT
  40. 40. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira GRIDLAYOUT
  41. 41. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira GRIDLAYOUT http://960.gs/
  42. 42. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira DESIGN THINKING PROCESSO CRIAR COM AS PESSOAS E NÃO CRIAR PARA AS PESSOAS
  43. 43. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira OUVIR TEMPO Observações Fonte: IDEO. Human Center Design http://www.ideo.com/ Narrativas Temas Oportunidades Soluções Protótipos Plano de implementação CRIAR IMPLEMENTAR CICLOS DO DESIGN THINKING CONCRETOABSTRATO CONCRETOABSTRATO
  44. 44. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Design Council DOUBLE DIAMOND Definir Define Descobrir Discover Desenvolver Develop Deliverar Deliver HTTP://WWW.DESIGNCOUNCIL.ORG.UK/DESIGNPROCESS
  45. 45. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira D.School ENTENDER OBSERVAR DEFINIR IDEALIZAR PROTOTIPAR TESTAR
  46. 46. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira FrogDesign Design DeliverDiscover
  47. 47. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira IDEO 3 1 2 Inspiration Ideation DESIGNTHINKING PROCESS Implementation
  48. 48. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira PROCESSODEIDEAÇÃO.processonãolinear. Conceito: Donald Schön Representação: Carlos Teixeira. Parsons – The New School
  49. 49. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira Ferramentas elivros
  50. 50. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira BMGO QUE É Ferramenta criada por Alex Osterwalder e Yves Pigneur. Criar novos (inovar) ou alterar modelos de negócios já existentes. COMO Por meio de um framework (Canvas), que descreve nove componentes básicos, evidencia-se como uma organização cria, entrega e captura valor. FERRAMENTAS>LIVROS
  51. 51. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira FERRAMENTAS>LIVROS BMY
  52. 52. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira BUSINESSMODELGENERATION AlexOstervaldereYvesPigneur DESIGNMETHODS1E2 RobertCurendale INTUIÇÃO,AÇÃO ECRIAÇÃO EllenLupton(org.) FERRAMENTAS>LIVROS
  53. 53. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira FERRAMENTAS>LIVROS DESIGNINGFORGROWTH JeanneLiedtkaeTimOgilvie THISISSERVICE DESIGNTHINING MarcStickdorm eJakobSchnneider MAKESPACE ScottDoorley eScottWitthoft
  54. 54. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira eporfim…
  55. 55. Fundamentos do Design Gráfico | INSPER | BR | SP | Fabio Silveira MUITO OBRIGADO : ) @fabionsilveira fabio@designderaiz.com.br /fabionsilveira /experimentandodesignthinking /designthinkingeducadores twitter instagram email face

×