fundamentos design grafico | insper

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

DESIGNGRÁ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 [email protected]. 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.


PLANO GERAL28.10QUA

exposição de conceitos

1h30planejamento de peças

1h30


PLANO GERAL28.10QUA



1h30

29.10QUI

desenvolvimento das peças

1h30estruturar a apresentação

1h30


PLANO GERAL28.10QUA



1h30

30.10SEX

desenvolvimento das apresentação

3hapresentações e encerramento

29.10QUI



1h30


PLANO GERAL

VAMOS SER FELIZ, GENTE!:)

28.10QUA



1h30

30.10SEX

desenvolvimento das apresentação

3hapresentações e encerramento

29.10QUI



1h30


A capacidade de transmitir ideias por meio de imagens, que sejam ao mesmo tempo criativas e lógicas que trabalham mensagens visuais e verbais.

TipografiaCor

LayoutProcesso

FerramentasFonte:

Fundamentos do Design Gráfico

Debbie Millman

DESIGN GRÁFICO


TÓPICOS AVANÇADOS/TYPE


TIPOGRAFIAESCOLHA BEM A

PARA SEU PROJETO DE DESIGN


TRADICIONALBrandTIPOGRAFIA

ESCOLHA BEM A



TRADICIONALBrandBrand

FEMININO




TRADICIONAL

INFORMAL

BrandBrandBrand

FEMININO




GERARD UNGERHTTP://WWW.GERARDUNGER.COM/

TRADICIONAL

INFORMAL

BrandBrandBrand

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




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




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




Lisa Rienermannhttp://lisarienermann.tumblr.com/


PAUL RENNER

MATEW CARTER

ERIC GILL ERIK SPIEKERMANN OTL AICHER


Nokia Pure


www.fontsquirrel.com/

www.myfonts.com/

www.google.com/fonts

http://www.fontsquirrel.com/

http://www.myfonts.com/

http://www.google.com/fonts


www.daltonmaag.com/

www.awwwards.

com/100-greatest-

free-fonts-collection-

for-2015.html

https://typekit.com/

http://www.daltonmaag.com/

http://www.awwwards.com/100-greatest-free-fonts-collection-for-2015.html




https://typekit.com/


TÓPICOS AVANÇADOS/COR


COR


Círculo Cromático


Cores Básicas Primárias


Cores Secundárias


Cores Terciárias


Cores Quentes


Cores Frias


Cores Análogas

todas as gama existente entre duas cores vizinhas

do círculo cromático


Cores Complementares

primárias

secundárias


Cores Complementares

terciárias

terciárias


tons neutros


Esquemas de CoresTríade cromática


Desvio CromáticoComplementar

Análogas

Esquemas de CoresDesvío cromático


Esquemas de CoresTétrade cromática


Esquemas de CoresHéxade cromática


https://design.google.com/

https://design.google.com/


https://color.adobe.com/create/color-wheel/


http://labs.tineye.com/multicolr/

http://labs.tineye.com/multicolr/


TÓPICOS AVANÇADOS/GRID


GRIDLAYOUT


GRIDLAYOUT

http://960.gs/

http://960.gs/


GRIDLAYOUT

http://gridcalculator.dk/

http://gridcalculator.dk/


TÓPICOS AVANÇADOS/PPT?


APRESENTAÇÃO

USEIMAGENSCOM IMPACTO


MEIAPALAVRABASTA

MEIAPALAVRA USE POUCASBASTA PALAVRAS

Você pode se apoiar no discurso oral

e colocar apenas as

palavras que importam

para seu argumento.

APRESENTAÇÃO


APRESENTAÇÃO

CUIDADOCOM A LEGIBILIDADE

cuide para que o seu texto seja legível (BEM LEGÍVEL) para quem está vendo sua apresentação


APRESENTAÇÃO

CUIDADOCOM A

LEGIBILIDADEcuide para

que o seu texto seja legível

(BEM LEGÍVEL) para quem

está vendo sua apresentação


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%








aplicada sobre p apal


































PRODUTO

CÍRCULOSDOURADOSSIMON SINEK

PROCESSO

ESSÊNCIA

O QUÊ?What?

COMO?How?

POR QUÊ?Why?

APRESENTAÇÃO


VÍDEO SIMON SINEK


MUITOOBRIGADO : )@fabionsilveira

[email protected]

/fabionsilveira

/experimentandodesignthinking

/designthinkingeducadores

twitter instagram

email

face