Fundamentosdesigngrafico 151005174934 Lva1 App6891

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.


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


TIPOGRAFIAESCOLHA BEM A

PARA SEU PROJETO DE DESIGN


TRADICIONALBrandTIPOGRAFIA

ESCOLHA BEM A



TRADICIONALBrandBrand

FEMININO




TRADICIONAL

INFORMAL

BrandBrandBrandFEMININO




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.




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




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




Lisa Rienermannhttp://lisarienermann.tumblr.com/


PAUL RENNER

MATEW CARTER

ERIC GILL ERIK SPIEKERMANN OTL AICHER


Nokia Pure


http://simplefocus.com/flowtype/


COR


Crculo Cromtico


Cores Bsicas Primrias


Cores Secundrias


Cores Tercirias


Cores Quentes


Cores Frias


Cores Anlogas

todas as gama existente entre duas cores vizinhas

do crculo cromtico


Cores Complementares

primrias

secundrias


Cores Complementares

tercirias

tercirias


tons neutros


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.


Esquemas de CoresTrade cromtica


Desvio CromticoComplementar

Anlogas

Esquemas de CoresDesvo cromtico


Esquemas de CoresTtrade cromtica


Esquemas de CoresHxade cromtica


https://design.google.com/


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


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


GRIDLAYOUT


GRIDLAYOUT

http://960.gs/


DESIGNTHINKING

PROCESSO

CRIAR COM AS PESSOASE NO CRIAR PARA AS PESSOAS


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


Design CouncilDOUBLE DIAMOND

Definir

Define

Descobrir

Discover

Desenvolver

Develop

Deliverar

Deliver

HTTP://WWW.DESIGNCOUNCIL.ORG.UK/DESIGNPROCESS


D. School

ENTENDER OBSERVAR DEFINIR IDEALIZAR PROTOTIPAR TESTAR


Frog Design

Design DeliverDiscover


IDEO

3

1

2

Inspiration

Ideation

DESIGN THINKING PROCESS

Implementation


PROCESSO DE IDEAO. processo no linear.

Conceito: Donald Schn

Representao: Carlos Teixeira. Parsons The New School


Ferramentase livros


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



BMY


BUSINESS MODEL GENERATIONAlex Ostervalder e Yves Pigneur

DESIGN METHODS 1 E 2Robert Curendale

INTUIO, AO E CRIAOEllen Lupton (org.)




DESIGNING FOR GROWTHJeanne Liedtka e Tim Ogilvie

THIS IS SERVICE DESIGN THININGMarc Stickdorm e Jakob Schnneider

MAKE SPACEScott Doorley e Scott Witthoft


e por fim


MUITOOBRIGADO : )@fabionsilveira

[email protected]

/fabionsilveira

/experimentandodesignthinking

/designthinkingeducadores

twitter instagram

email

face

Documents

Fundamentosdesigngrafico 151005174934 Lva1 App6891