Fundamentos design grafico | Insper
43 gostaram•6,613 visualizações
O documento aborda fundamentos e tópicos avançados do design gráfico, apresentados pelo professor Fabio Silveira em um contexto acadêmico. Enfatiza a importância da tipografia, cores e layouts na comunicação visual, além de fornecer orientações sobre planejamento e desenvolvimento de peças de design. O uso de exemplos práticos e referências é incentivado para ilustrar os conceitos discutidos.
Fundamentos design grafico | Insper
- 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