Fundamentos design grafico | Insper

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

DESIGNGRÁFICOFundamentos essenciais

Fabio Silveira

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.

PLANO GERAL28.10QUA

exposição de conceitos

1h30planejamento de peças

PLANO GERAL28.10QUA

29.10QUI

desenvolvimento das peças

1h30estruturar a apresentação

PLANO GERAL28.10QUA

30.10SEX

desenvolvimento das apresentação

3hapresentações e encerramento

29.10QUI

PLANO GERAL

VAMOS SER FELIZ, GENTE!:)

28.10QUA

30.10SEX

desenvolvimento das apresentação

3hapresentações e encerramento

29.10QUI

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

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

www.daltonmaag.com/

www.awwwards.

com/100-greatest-

free-fonts-collection-

for-2015.html

https://typekit.com/

TÓPICOS AVANÇADOS/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

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://color.adobe.com/create/color-wheel/

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

TÓPICOS AVANÇADOS/GRID

GRIDLAYOUT

http://960.gs/

GRIDLAYOUT

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

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

fabio@designderaiz.com.br

/fabionsilveira

/experimentandodesignthinking

/designthinkingeducadores

twitter instagram

Fundamentos design grafico | Insper

Design

Transcript of Fundamentos design grafico | Insper

grafico eeg

Aula07 planejamento grafico

Projeto Grafico Ingrid Fraga

Capa Grafico Pareto

Portifólio grafico

Aula06 planejamento grafico

Guia_Desperdicio Grafico

Grafico aby

CPV conquistou 323 vagas INSPER 2011 Prova esolvida INSPER ...d2f2yo9e8spo0m.cloudfront.net/vestibulares/insper/2012/semestre2/... · 04. A área da região sombreada na Figura 1,

Acabamento Grafico

Bitacora de Diseño Grafico

Diseño grafico en_ciclismo_carlos

Apostila Trader Grafico

Info grafico

Aula04 planejamento grafico

Portfolio Flims grafico web

Des grafico (2)

Grafico de Moody

CPV conquistou 323 vagas INSPER 2011 Prova esolvida INSPER ...d2f2yo9e8spo0m.cloudfront.net/vestibulares/insper/2012/semestre2/... · que um carro novo, ... pra frente, esta quadra:

Design Grafico Programa