fundamentosdesigngrafico 151005174934 lva1 app6891
DESCRIPTION
Design GráficoTRANSCRIPT
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
DESIGNGRFICOFundamentos essenciais
Fabio Silveira
Insper 2015 - SP
O trabalho Aulas_Linguagem Visual do Professor Fabio Silveira foi licenciado com uma Licena Creative Commons - Atribuio-NoComercial-CompartilhaIgual 3.0 No Adaptada. Podem estar disponveis autorizaes adicionais ao mbito desta licena em [email protected]. Este um trabalho destinado ao mbito acadmico. O uso das imagens neste documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
A capacidade de transmitir ideias por meio de imagens, que sejam ao mesmo tempo criativas e lgicas que trabalham mensagens visuais e verbais.
TipografiaCor
LayoutProcesso
Ferramentas
DESIGN GRFICO
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
TRADICIONALBrandTIPOGRAFIA
ESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
TRADICIONALBrandBrand
FEMININO
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
TRADICIONAL
INFORMAL
BrandBrandBrandFEMININO
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
GERARD UNGERHTTP://WWW.GERARDUNGER.COM/
TRADICIONAL
INFORMAL
BrandBrandBrandFEMININO
Existem vrios processos acontecendo no nosso inconsciente enquanto lemos algo. Atravs de uma escolha tipogrfica, os designers estabelecem rotas para os leitores: rotas que frequentemente no so percebidas conscientemente mas que ainda assim esto sendo seguidas.
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
GERARD UNGERHTTP://WWW.GERARDUNGER.COM/
TRADICIONAL
INFORMAL
BrandBrandBrandFEMININO
Existem vrios processos acontecendo no nosso inconsciente enquanto lemos algo. Atravs de uma escolha tipogrfica, os designers estabelecem rotas para os leitores: rotas que frequentemente no so percebidas conscientemente mas que ainda assim esto sendo seguidas.
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
analogia: parece ou no parece com (anlise sinttica)referncia: remete ou refere-se a (campo semntico)
retrica tipogrfica
referncia cultural
analogia formal
(afirmativa ou negativa)
T=AF+RC
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Conceito caracterstica recurso tipogrfico
sensual insinuante, provocante curva, sugesto da forma
feminino delicado, frgil letras finas, curvilneas
ntimo prximo, suave, contato humanista, leve, minusculas
casual bsico, informal legvel, manuscrito, minscula
simples objetivo, claro, austero legvel, arqutipo
qualidade acabamento, preciso alinhamento, perfeio
dinmico movimento, ritmo, conexo itlico, ligatura, cursivo
sofisticado discreto, minimalista leve, maiscula, espacejada
tradicional recorrente, antigo tipos clssicos, serifa
confiana equilbrio, estvel, coerncia alinhamento, peso, proporo
autoridade fora, consistncia maiscula, peso, condensado
diversidade mltiplo, hbrido, coletivo variao formal, contraste
arrojado incomum, inusitado assimtrico, irregular, desconstrudo
exemplos de analogias aplicadas na construo do significado pela tipografia
TIPOGRAFIAESCOLHA BEM A
PARA SEU PROJETO DE DESIGN
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Lisa Rienermannhttp://lisarienermann.tumblr.com/
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
PAUL RENNER
MATEW CARTER
ERIC GILL ERIK SPIEKERMANN OTL AICHER
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Nokia Pure
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
http://simplefocus.com/flowtype/
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
COR
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Crculo Cromtico
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Bsicas Primrias
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Secundrias
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Tercirias
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Quentes
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Frias
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Anlogas
todas as gama existente entre duas cores vizinhas
do crculo cromtico
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Complementares
primrias
secundrias
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Cores Complementares
tercirias
tercirias
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
tons neutros
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
ESFERA DE MUNSELLEm 1905, Albert Munsell elaborou o que consideramos o melhor sistema baseado nos princpios perceptivos. O sistema de cores HSV ou HSB [Hue; Saturation; Value; Brightness] utilizado em muitos softwares atuais.
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Esquemas de CoresTrade cromtica
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Esquemas de CoresTrade cromtica
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Desvio CromticoComplementar
Anlogas
Esquemas de CoresDesvo cromtico
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Esquemas de CoresTtrade cromtica
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Esquemas de CoresTtrade cromtica
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Esquemas de CoresHxade cromtica
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
https://design.google.com/
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
https://color.adobe.com/create/color-wheel/
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
http://labs.tineye.com/multicolr/
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
GRIDLAYOUT
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
GRIDLAYOUT
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
GRIDLAYOUT
http://960.gs/
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
DESIGNTHINKING
PROCESSO
CRIAR COM AS PESSOASE NO CRIAR PARA AS PESSOAS
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
OUVIR
TEMPO
Observaes
Fonte: IDEO. Human Center Design http://www.ideo.com/
Narrativas
Temas Oportunidades
Solues
Prottipos
Plano de implementao
CRIAR IMPLEMENTAR
CICLOS DO DESIGN THINKING
CONCRETO
ABSTRATO
CONCRETO
ABSTRATO
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Design CouncilDOUBLE DIAMOND
Definir
Define
Descobrir
Discover
Desenvolver
Develop
Deliverar
Deliver
HTTP://WWW.DESIGNCOUNCIL.ORG.UK/DESIGNPROCESS
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
D. School
ENTENDER OBSERVAR DEFINIR IDEALIZAR PROTOTIPAR TESTAR
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Frog Design
Design DeliverDiscover
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
IDEO
3
1
2
Inspiration
Ideation
DESIGN THINKING PROCESS
Implementation
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
PROCESSO DE IDEAO. processo no linear.
Conceito: Donald Schn
Representao: Carlos Teixeira. Parsons The New School
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
Ferramentase livros
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
BMGO QUE Ferramenta criada por
Alex Osterwalder e Yves Pigneur.
Criar novos (inovar) ou alterar
modelos de negcios j existentes.
COMO Por meio de um framework
(Canvas), que descreve nove
componentes bsicos,
evidencia-se como uma
organizao cria, entrega
e captura valor.
FERRAMENTAS > LIVROS
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
FERRAMENTAS > LIVROS
BMY
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
BUSINESS MODEL GENERATIONAlex Ostervalder e Yves Pigneur
DESIGN METHODS 1 E 2Robert Curendale
INTUIO, AO E CRIAOEllen Lupton (org.)
FERRAMENTAS > LIVROS
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
FERRAMENTAS > LIVROS
DESIGNING FOR GROWTHJeanne Liedtka e Tim Ogilvie
THIS IS SERVICE DESIGN THININGMarc Stickdorm e Jakob Schnneider
MAKE SPACEScott Doorley e Scott Witthoft
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
e por fim
-
Fundamentos do Design Grfico | INSPER | BR | SP | Fabio Silveira
MUITOOBRIGADO : )@fabionsilveira
/fabionsilveira
/experimentandodesignthinking
/designthinkingeducadores
twitter instagram
email
face