SlideShare uma empresa Scribd logo
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico1
gráfico2projeto
identidade Visual :: Síntese Visual
Fabio Silveira
IED Istituto Europeo di Design
© 2014 - SP
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico2
objetivos
identidade visual
criação atualização
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico3
objetivos
identidade visual
atualização
a n t e s
d e p o i s
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico4
objetivos
identidade visual
atualização
a n t e s
d e p o i s
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico5
objetivos
identidade visual
ampliação
mudança
de percepção
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico6
objetivos
identidade visual
NORMATIZAÇãO
mudança
de atuação
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico7
tipografia
escolha bem a
de uma identidade visual
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico8
tipografia
escolha bem a
tradicional
de uma identidade visual
Brand
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico9
tipografia
escolha bem a
tradicional
de uma identidade visual
Brand
Brandfeminino
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico10
tipografia
escolha bem a
tradicional
informal
de uma identidade visual
Brand
Brand
Brand
feminino
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico11
tipografia
escolha bem a
gerard unger
http://www.gerardunger.com/
tradicional
informal
de uma identidade visual
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.”
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico12
tipografia
escolha bem a
gerard unger
http://www.gerardunger.com/
tradicional
informal
de uma identidade visual
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.”
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico13
tipografia
escolha bem a
de uma identidade visual
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
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico14
tipografia
escolha bem a
de uma identidade visual
significado: analise o nome do projeto e seu gênero, se é figurativo,
regional ou universal, estático ou dinâmico. que associações permite?
o nome como elemento visual: é uma construção longa ou curta?
quantas letras e sílabas possui? pares ou ímpares? quantas se repetem?
sonoridade: existe alguma letra ou sílaba central? alguma letra ou
característica do nome que possa ser explorada visualmente?
cuidado: lmantenha a construção sempre legível (atenção à primeira
letra). evite encaixes forçados e soluções óbvias - acredite na
simplicidade.
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico15
tipografia
escolha bem a
de uma identidade visual
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
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico16
http://magelstudio.tumblr.com/
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico17
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico18
Lisa Rienermann
http://lisarienermann.tumblr.com/
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico19
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico20
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico21
Gerar uma síntese
visual utilizando
elementos tipográficos
em uma palavra
que represente uma
emoção ou expressão.
Buscar imagens que
sejam associadas à
esta palavra. Montar
um painel visual e
desenvolver duas
soluções diferentes.
soluções
apresentar 2
soluções diferentes
na prática
3
palavra
emoção/ expressão
painel visual
associação com imagens
1
tipografia
Já existente. Pesquisa.
intervenção
livre
2
Projeto Gráfico • | IED | BR | SP | Fabio Silveira
Design Gráfico22
Fontes
e links
/fabionsilveira
/experimentandodesignthinking
/designthinkingeducadores
/Infolide
/IDEOprofile‎
/IDEO.org
@fabionsilveira
facebook
Twitter /
Instagram
sites/blog www.designcouncil.org.uk/
www.flopez.com.br/
www.pentagram.com
www.wolffolins.com/
http://a-g-i.org/
A aula: Projeto Gráfico I 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@designderaiz.com.br. Este é um conteúdo 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.

Mais conteúdo relacionado

Mais procurados

Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
Fabio Silveira: Designer | Professor
 
Projeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSPProjeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSP
Fabio Silveira: Designer | Professor
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
Gabriel Ferraciolli
 
Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02
Fabio Silveira: Designer | Professor
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
paulo_batista
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
Lo-Ammi Santos
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
Fábio Gonçalves
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
Fabio Silveira: Designer | Professor
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
Helena Jacob
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00
Valdir Soares
 
Tipografia
Tipografia Tipografia
Tipografia
Tiago Santana
 
Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2
Fábio Gonçalves
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
Fabio Silveira: Designer | Professor
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
Fabio Silveira: Designer | Professor
 
Projeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPProjeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESP
CADunesp
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Fábio Gonçalves
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
Elizeu Nascimento Silva
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Valdir Soares
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Fabio Silveira: Designer | Professor
 
Principios do design
Principios do designPrincipios do design
Principios do design
Iuri Lammel
 

Mais procurados (20)

Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Projeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSPProjeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSP
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02Projeto Gráfico 1 aula 02
Projeto Gráfico 1 aula 02
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00
 
Tipografia
Tipografia Tipografia
Tipografia
 
Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2Fundamentos Super Básicos-do Design 1/2
Fundamentos Super Básicos-do Design 1/2
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
Projeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPProjeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESP
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05   design gráfico na publicidade leis da gestaltAula 05   design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Principios do design
Principios do designPrincipios do design
Principios do design
 

Destaque

Web Design > Cores
Web Design > CoresWeb Design > Cores
Web Design > Cores
Felipe Fernandes
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
Fabio Silveira: Designer | Professor
 
Design/ Design Gráfico
Design/ Design GráficoDesign/ Design Gráfico
Design/ Design Gráfico
BrendaLeticia17
 
Design de Cores na Web, por Martha Gabriel
Design de Cores na Web, por  Martha GabrielDesign de Cores na Web, por  Martha Gabriel
Design de Cores na Web, por Martha Gabriel
Martha Gabriel
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas Web
Moderadora
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
Fabio Silveira: Designer | Professor
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklist
Dra. Camila Hamdan
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
Rúben Quadros Ramos
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
Fabio Silveira: Designer | Professor
 
Introdução a experiência e design de Interação
Introdução a experiência e design de InteraçãoIntrodução a experiência e design de Interação
Introdução a experiência e design de Interação
Claudia Bordin Rodrigues
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
Patricia Mallmann
 
WEBDESIGN - P1
WEBDESIGN - P1WEBDESIGN - P1
WEBDESIGN - P1
Renato Melo
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
Felipe Fernandes
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
Fabio Silveira: Designer | Professor
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
Tersis Zonato
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - Multimídia
Dra. Camila Hamdan
 
Como produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistenteComo produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistente
Emília Chagas
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
Nécio de Lima Veras
 

Destaque (20)

Web Design > Cores
Web Design > CoresWeb Design > Cores
Web Design > Cores
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
 
Design/ Design Gráfico
Design/ Design GráficoDesign/ Design Gráfico
Design/ Design Gráfico
 
Design de Cores na Web, por Martha Gabriel
Design de Cores na Web, por  Martha GabrielDesign de Cores na Web, por  Martha Gabriel
Design de Cores na Web, por Martha Gabriel
 
Criar Páginas Web
Criar Páginas WebCriar Páginas Web
Criar Páginas Web
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklist
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
 
Introdução a experiência e design de Interação
Introdução a experiência e design de InteraçãoIntrodução a experiência e design de Interação
Introdução a experiência e design de Interação
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
 
WEBDESIGN - P1
WEBDESIGN - P1WEBDESIGN - P1
WEBDESIGN - P1
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - Multimídia
 
Como produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistenteComo produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistente
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 

Semelhante a 02 Tipografia_marcas

Palestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BRPalestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BR
Fabio Silveira: Designer | Professor
 
Oficina HUB Escola - Design Thinking para Educadores
Oficina HUB Escola - Design Thinking para EducadoresOficina HUB Escola - Design Thinking para Educadores
Oficina HUB Escola - Design Thinking para Educadores
Instituto Educadigital
 
Wrk trt aula01
Wrk trt aula01Wrk trt aula01
Wrk trt aula01
Instituto Educadigital
 
Design Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São PauloDesign Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São Paulo
Fabio Silveira: Designer | Professor
 
Palestra DiDesign RManauara
Palestra DiDesign RManauaraPalestra DiDesign RManauara
Palestra DiDesign RManauara
Di Design
 
Manual de Normas Gráficas Marca Pessoal
Manual de Normas Gráficas Marca PessoalManual de Normas Gráficas Marca Pessoal
Manual de Normas Gráficas Marca Pessoal
Viktoriya Limonova
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
Fabio Silveira: Designer | Professor
 
Apresentação Marmota vs Milky
Apresentação Marmota vs MilkyApresentação Marmota vs Milky
Apresentação Marmota vs Milky
Carlos Eduardo de Lemos Junior
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
Fabio Silveira: Designer | Professor
 
R Abelin Portfolio Web
R Abelin Portfolio WebR Abelin Portfolio Web
R Abelin Portfolio Web
Renata Abelin
 
Cv fernando salles_com_e_mkt
Cv fernando salles_com_e_mktCv fernando salles_com_e_mkt
Cv fernando salles_com_e_mkt
Fernando Salles
 
Apresentação TCC
Apresentação TCCApresentação TCC
Apresentação TCC
Marco Menezes
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é Designer
Andreza Jackson
 
Laboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design ThinkingLaboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design Thinking
Fabio Silveira: Designer | Professor
 
Formei, e aí? Uma conversa sobre o posicionamento do Designer no mercado
Formei, e aí? Uma conversa sobre o posicionamento do Designer no mercadoFormei, e aí? Uma conversa sobre o posicionamento do Designer no mercado
Formei, e aí? Uma conversa sobre o posicionamento do Designer no mercado
Thiago Barcelos
 
Design da identidade - construção da marca
Design da identidade -  construção da marcaDesign da identidade -  construção da marca
Design da identidade - construção da marca
Brav Design
 
Processo de criação de um logotipo
Processo de criação de um logotipoProcesso de criação de um logotipo
Processo de criação de um logotipo
Intrus
 
Portfólio Natã Ribeiro.pdf
Portfólio Natã Ribeiro.pdfPortfólio Natã Ribeiro.pdf
Portfólio Natã Ribeiro.pdf
natanrlucas
 
Mint Image Group
Mint Image Group Mint Image Group
Mint Image Group
P2Mint
 
Desenvolvimento de marca - Apresentação dia 03
Desenvolvimento de marca - Apresentação dia 03Desenvolvimento de marca - Apresentação dia 03
Desenvolvimento de marca - Apresentação dia 03
Erick O. Farias
 

Semelhante a 02 Tipografia_marcas (20)

Palestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BRPalestra INFOLIDE Dez 2013 | SP | BR
Palestra INFOLIDE Dez 2013 | SP | BR
 
Oficina HUB Escola - Design Thinking para Educadores
Oficina HUB Escola - Design Thinking para EducadoresOficina HUB Escola - Design Thinking para Educadores
Oficina HUB Escola - Design Thinking para Educadores
 
Wrk trt aula01
Wrk trt aula01Wrk trt aula01
Wrk trt aula01
 
Design Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São PauloDesign Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São Paulo
 
Palestra DiDesign RManauara
Palestra DiDesign RManauaraPalestra DiDesign RManauara
Palestra DiDesign RManauara
 
Manual de Normas Gráficas Marca Pessoal
Manual de Normas Gráficas Marca PessoalManual de Normas Gráficas Marca Pessoal
Manual de Normas Gráficas Marca Pessoal
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
Apresentação Marmota vs Milky
Apresentação Marmota vs MilkyApresentação Marmota vs Milky
Apresentação Marmota vs Milky
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
R Abelin Portfolio Web
R Abelin Portfolio WebR Abelin Portfolio Web
R Abelin Portfolio Web
 
Cv fernando salles_com_e_mkt
Cv fernando salles_com_e_mktCv fernando salles_com_e_mkt
Cv fernando salles_com_e_mkt
 
Apresentação TCC
Apresentação TCCApresentação TCC
Apresentação TCC
 
Oficina Design para quem não é Designer
Oficina Design para quem não é DesignerOficina Design para quem não é Designer
Oficina Design para quem não é Designer
 
Laboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design ThinkingLaboratorio de Tendencias | Design Thinking
Laboratorio de Tendencias | Design Thinking
 
Formei, e aí? Uma conversa sobre o posicionamento do Designer no mercado
Formei, e aí? Uma conversa sobre o posicionamento do Designer no mercadoFormei, e aí? Uma conversa sobre o posicionamento do Designer no mercado
Formei, e aí? Uma conversa sobre o posicionamento do Designer no mercado
 
Design da identidade - construção da marca
Design da identidade -  construção da marcaDesign da identidade -  construção da marca
Design da identidade - construção da marca
 
Processo de criação de um logotipo
Processo de criação de um logotipoProcesso de criação de um logotipo
Processo de criação de um logotipo
 
Portfólio Natã Ribeiro.pdf
Portfólio Natã Ribeiro.pdfPortfólio Natã Ribeiro.pdf
Portfólio Natã Ribeiro.pdf
 
Mint Image Group
Mint Image Group Mint Image Group
Mint Image Group
 
Desenvolvimento de marca - Apresentação dia 03
Desenvolvimento de marca - Apresentação dia 03Desenvolvimento de marca - Apresentação dia 03
Desenvolvimento de marca - Apresentação dia 03
 

Mais de Fabio Silveira: Designer | Professor

Projeto graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
Fabio Silveira: Designer | Professor
 
Projeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SPProjeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SP
Fabio Silveira: Designer | Professor
 
Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
Fabio Silveira: Designer | Professor
 
Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
Fabio Silveira: Designer | Professor
 
Aula Naming
Aula NamingAula Naming
Apres pos edit_ied_comite
Apres pos edit_ied_comiteApres pos edit_ied_comite
Apres pos edit_ied_comite
Fabio Silveira: Designer | Professor
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
Fabio Silveira: Designer | Professor
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
Fabio Silveira: Designer | Professor
 
Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.
Fabio Silveira: Designer | Professor
 
Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2
Fabio Silveira: Designer | Professor
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
Fabio Silveira: Designer | Professor
 
Desenvolvimento de Marcas
Desenvolvimento de MarcasDesenvolvimento de Marcas
Desenvolvimento de Marcas
Fabio Silveira: Designer | Professor
 
Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3
Fabio Silveira: Designer | Professor
 
Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2
Fabio Silveira: Designer | Professor
 

Mais de Fabio Silveira: Designer | Professor (14)

Projeto graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
 
Projeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SPProjeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SP
 
Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
 
Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
 
Aula Naming
Aula NamingAula Naming
Aula Naming
 
Apres pos edit_ied_comite
Apres pos edit_ied_comiteApres pos edit_ied_comite
Apres pos edit_ied_comite
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.
 
Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
 
Desenvolvimento de Marcas
Desenvolvimento de MarcasDesenvolvimento de Marcas
Desenvolvimento de Marcas
 
Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3Linguagem Visual | Teoria das cores 3
Linguagem Visual | Teoria das cores 3
 
Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2Linguagem Visual | Teoria das cores 2
Linguagem Visual | Teoria das cores 2
 

02 Tipografia_marcas

  • 1. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico1 gráfico2projeto identidade Visual :: Síntese Visual Fabio Silveira IED Istituto Europeo di Design © 2014 - SP
  • 2. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico2 objetivos identidade visual criação atualização
  • 3. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico3 objetivos identidade visual atualização a n t e s d e p o i s
  • 4. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico4 objetivos identidade visual atualização a n t e s d e p o i s
  • 5. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico5 objetivos identidade visual ampliação mudança de percepção
  • 6. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico6 objetivos identidade visual NORMATIZAÇãO mudança de atuação
  • 7. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico7 tipografia escolha bem a de uma identidade visual
  • 8. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico8 tipografia escolha bem a tradicional de uma identidade visual Brand
  • 9. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico9 tipografia escolha bem a tradicional de uma identidade visual Brand Brandfeminino
  • 10. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico10 tipografia escolha bem a tradicional informal de uma identidade visual Brand Brand Brand feminino
  • 11. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico11 tipografia escolha bem a gerard unger http://www.gerardunger.com/ tradicional informal de uma identidade visual 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.”
  • 12. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico12 tipografia escolha bem a gerard unger http://www.gerardunger.com/ tradicional informal de uma identidade visual 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.”
  • 13. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico13 tipografia escolha bem a de uma identidade visual 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
  • 14. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico14 tipografia escolha bem a de uma identidade visual significado: analise o nome do projeto e seu gênero, se é figurativo, regional ou universal, estático ou dinâmico. que associações permite? o nome como elemento visual: é uma construção longa ou curta? quantas letras e sílabas possui? pares ou ímpares? quantas se repetem? sonoridade: existe alguma letra ou sílaba central? alguma letra ou característica do nome que possa ser explorada visualmente? cuidado: lmantenha a construção sempre legível (atenção à primeira letra). evite encaixes forçados e soluções óbvias - acredite na simplicidade.
  • 15. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico15 tipografia escolha bem a de uma identidade visual 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
  • 16. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico16 http://magelstudio.tumblr.com/
  • 17. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico17
  • 18. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico18 Lisa Rienermann http://lisarienermann.tumblr.com/
  • 19. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico19
  • 20. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico20
  • 21. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico21 Gerar uma síntese visual utilizando elementos tipográficos em uma palavra que represente uma emoção ou expressão. Buscar imagens que sejam associadas à esta palavra. Montar um painel visual e desenvolver duas soluções diferentes. soluções apresentar 2 soluções diferentes na prática 3 palavra emoção/ expressão painel visual associação com imagens 1 tipografia Já existente. Pesquisa. intervenção livre 2
  • 22. Projeto Gráfico • | IED | BR | SP | Fabio Silveira Design Gráfico22 Fontes e links /fabionsilveira /experimentandodesignthinking /designthinkingeducadores /Infolide /IDEOprofile‎ /IDEO.org @fabionsilveira facebook Twitter / Instagram sites/blog www.designcouncil.org.uk/ www.flopez.com.br/ www.pentagram.com www.wolffolins.com/ http://a-g-i.org/ A aula: Projeto Gráfico I 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@designderaiz.com.br. Este é um conteúdo 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.