1
GRÁFICOIIIDENTIDADE VISUAL : INTRODUÇÃO
PROF. FABIO SILVEIRA
IED SÃO PAULO | ISTITUTO EUROPEO DI DESIGN
PROJETO
01
| IDENTIDADE VISUAL2
IED • SÃO PAULO | FABIO SILVEIRA 2017
LOGOMARCAjamaisusem.
do grego "logos" + do germânico "markas"
= significado + significado
FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES
UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER
| IDENTIDADE VISUAL3
IED • SÃO PAULO | FABIO SILVEIRA 2017
LOGOMARCAjamaisusem.
do grego "logos" + do germânico "markas"
= significado + significado
do grego "logos" + "typos"
= palavra, significado + FiguraLOGOTIPOimpreciso,maspodeusar.
FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES
UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER
| IDENTIDADE VISUAL4
IED • SÃO PAULO | FABIO SILVEIRA 2017
LOGOMARCAjamaisusem.
do grego "logos" + do germânico "markas"
= significado + significado
do grego "logos" + "typos"
= palavra, significado + FiguraLOGOTIPOimpreciso,maspodeusar.
FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES
UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER
do grego "logos"
= palavra, significadoLOGOok.
| IDENTIDADE VISUAL5
IED • SÃO PAULO | FABIO SILVEIRA 2017
LOGOMARCAjamaisusem.
do grego "logos" + do germânico "markas"
= significado + significado
do grego "logos" + "typos"
= palavra, significado + FiguraLOGOTIPOimpreciso,maspodeusar.
+ aqui ó
IDENTIDADE VISUALadequado.
FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES
UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER
do grego "logos"
= palavra, significadoLOGOok.
| IDENTIDADE VISUAL6
IED • SÃO PAULO | FABIO SILVEIRA 2017
IDENTIDADE
VISUAL
| IDENTIDADE VISUAL7
IED • SÃO PAULO | FABIO SILVEIRA 2017
constituiem
umconjuntode
definiçõesparticulares
relacionadasa
apresentaçãovisual
deumaempresa,
produtoouserviço.
IDENTIDADE
VISUAL
| IDENTIDADE VISUAL8
IED • SÃO PAULO | FABIO SILVEIRA 2017
constituiem
umconjuntode
definiçõesparticulares
relacionadasa
apresentaçãovisual
deumaempresa,
produtoouserviço.
SÍMBOLO
LOGOTIPO
SITE
SISTEMA DE ASSINATURAS
PALETA DE CORES
GRAFISMOS
ELEMENTOS DE APOIO
LINGUAGEM GRÁFICA
MATERIAIS
ANIMAÇÃO
MANUAIS DE IDENTIDADE
IDENTIDADE
VISUAL
| IDENTIDADE VISUAL9
IED • SÃO PAULO | FABIO SILVEIRA 2017
1953.
STANLEY CLARK MESTON
| IDENTIDADE VISUAL10
IED • SÃO PAULO | FABIO SILVEIRA 2017
1915.
THE ROOT GLASS COMPANY
1955.
RAYMOND LOEWY
| IDENTIDADE VISUAL11
IED • SÃO PAULO | FABIO SILVEIRA 2017
1974.
ED BENGUIAT
| IDENTIDADE VISUAL12
IED • SÃO PAULO | FABIO SILVEIRA 2017
1956.
PAUL RAND
| IDENTIDADE VISUAL13
IED • SÃO PAULO | FABIO SILVEIRA 2017
1973.
ALEXANDRE WOLLNER
| IDENTIDADE VISUAL14
IED • SÃO PAULO | FABIO SILVEIRA 2017
VÍDEOS
IDENTIDADE VISUAL
| IDENTIDADE VISUAL15
IED • SÃO PAULO | FABIO SILVEIRA 2017
ideia expandida
ideia nuclear
ESSÊNCIA; ATEMPORAL.
QUAL É A “ALMA” DA MARCA?
QUAIS SÃO SUAS CRENÇAS
E VALORES FUNDAMENTAIS?
COMO ESTA ALMA SE MANIFESTADE ACORDO
COM O CONTEXTO SOCIAL, ECONÔMICO, TEMPORAL,
COMPORTAMENTAL, ETC.
| IDENTIDADE VISUAL16
IED • SÃO PAULO | FABIO SILVEIRA 2017
ideia expandida
ideia nuclear
ESSÊNCIA; ATEMPORAL.
QUAL É A “ALMA” DA MARCA?
QUAIS SÃO SUAS CRENÇAS
E VALORES FUNDAMENTAIS?
COMO ESTA ALMA SE MANIFESTADE ACORDO
COM O CONTEXTO SOCIAL, ECONÔMICO, TEMPORAL,
COMPORTAMENTAL, ETC.
MARCA
éuma
ideia
quese
expande!
| IDENTIDADE VISUAL17
IED • SÃO PAULO | FABIO SILVEIRA 2017
VÍDEO
DENIS RUSSO.
TEDX
SP
| IDENTIDADE VISUAL18
IED • SÃO PAULO | FABIO SILVEIRA 2017
VÍDEO
NATÁLIA GARCIA.
TEDX
MAUÁ
| IDENTIDADE VISUAL19
IED • SÃO PAULO | FABIO SILVEIRA 2017
MOBILIDADE
URBANA
MOBILIDADE
URBANA
Comopromoverumasoluçãodeserviço
digitalexplorandoaexperiênciadosusuários
emrelaçãoaotemadamobilidadeurbana?
DESAFIO
20
NAPRÁTICAsentir DefiniroProblema
1. Formem grupos
de trabalho.
2. Definam qual
problema será
resolvido.
3. Analise do
assunto macro e
seus subproblemas.
REFLEXÃO
DISCUSSÃO
EM CLASSE.
INDIVIDUAL
TRABALHO
EM GRUPO
TEMPO
APRESENTAÇÃO
TRABALHO EM
SALA DE AULA
TRAZER NA
PRÓXIMA AULA
ERRONEÔMETRO
2
®
,
,,,
G
·
S
2
O
4. Pesquisem
informações
sobre o problema
escolhido.
| IDENTIDADE VISUAL21
CONTATOS
email
site
cnpq lattes
redes sociais:
fabio@designderaiz.com.br
designderaiz.com.br
lattes.cnpq.br/6551801434993965
@fabionsilveira
IDENTIDADEVISUAL
THANKS, GRACIAS, HVALA, FIXE,
DANKE, ARIGATÔ, MERCI, VALEU!
OBRIGADO! :)
O Trabalho/Aula: Identidade Visual, do Professor Fabio Silveira, foi licenciado com uma Licença Creative Commons -
Atribuição-Não Comercial-Compartilha Igual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao
âmbito desta licença em fabio.designerbr@gmail.com. Esta apresentação é destinada ao âmbito acadêmico.
O uso de imagens neste documento serve apenas para ilustrar os exemplos dos conceitos e técnicas
apresentadas em sala de aula.
AULA SOBRE
2017

Mais conteúdo relacionado

PDF
Fundamentos design grafico | Insper
PDF
01 introducao_identidade
PDF
Fundamentos Super Básicos do Design 2/2
PDF
Princípios de design
PDF
Fundamentos básicos do Design gráfico
PDF
Design Editorial | Estruturas
PDF
Teoria do design aula 01 [conceitos basicos]
PPSX
Aula 01 linguagem visual
Fundamentos design grafico | Insper
01 introducao_identidade
Fundamentos Super Básicos do Design 2/2
Princípios de design
Fundamentos básicos do Design gráfico
Design Editorial | Estruturas
Teoria do design aula 01 [conceitos basicos]
Aula 01 linguagem visual

Mais procurados (20)

PDF
PDF
Aula - Direção e Finalização - Diagramação / Design Editorial
PDF
Design Editorial | Elementos Editoriais
PDF
Identidade Visual - Aula 01
PDF
Noções de Design Gráfico
PDF
Conceitos e princípios de design
PDF
Semiótica Aplicada ao Design (Aula 01)
PDF
Ilustração
PPT
Aula 2 composição visual
PPT
Produção gráfica
PPSX
Aula 02 design gráfico na publicidade princípios de design
PPTX
Sintaxe da Linguagem Visual - parte I
PDF
Tipografia - versão 2.0
PDF
Design Editorial | Introdução
PPT
Design e design gráfico
PDF
Produção gráfica - Foco em fechamento de arquivo
PDF
Identidade Visual
PPTX
Escala - Técnica da quadrícula
PPT
Aula 01 desenho de observação
PPSX
Expressão e composição da forma
Aula - Direção e Finalização - Diagramação / Design Editorial
Design Editorial | Elementos Editoriais
Identidade Visual - Aula 01
Noções de Design Gráfico
Conceitos e princípios de design
Semiótica Aplicada ao Design (Aula 01)
Ilustração
Aula 2 composição visual
Produção gráfica
Aula 02 design gráfico na publicidade princípios de design
Sintaxe da Linguagem Visual - parte I
Tipografia - versão 2.0
Design Editorial | Introdução
Design e design gráfico
Produção gráfica - Foco em fechamento de arquivo
Identidade Visual
Escala - Técnica da quadrícula
Aula 01 desenho de observação
Expressão e composição da forma
Anúncio

Destaque (20)

PDF
Web Design > Gestalt e suas leis
PPTX
Design Gráfico para Web: HTML 5 - Multimídia
PDF
Web Design > Princípios do Design e intro à Gestalt
PPTX
Palestra: Otimização de websites
PDF
Aula introdutória da disciplina de webdesign
PDF
Aula lingvisual ied_02ok
DOCX
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
PDF
Tecnologias Web com foco na criação de Landing Pages
PDF
Design e Usabilidade na Web
PDF
Introdução á disciplina de Webdesign - turma 1 Sem 2015
PDF
MANUAL do PROJETO INTEGRADO 2015
PDF
Projeto grafico II | Aula 02
PPTX
Teoria do design da comunicação visual
PDF
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
PDF
Design de Cores na Web, por Martha Gabriel
PPTX
Ferramentas Livres para Desenvolvimento Web
PDF
Princípios clássicos de composição visual e Gráfica para não Designers
PPTX
Haccp
PPTX
Design/ Design Gráfico
Web Design > Gestalt e suas leis
Design Gráfico para Web: HTML 5 - Multimídia
Web Design > Princípios do Design e intro à Gestalt
Palestra: Otimização de websites
Aula introdutória da disciplina de webdesign
Aula lingvisual ied_02ok
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
Tecnologias Web com foco na criação de Landing Pages
Design e Usabilidade na Web
Introdução á disciplina de Webdesign - turma 1 Sem 2015
MANUAL do PROJETO INTEGRADO 2015
Projeto grafico II | Aula 02
Teoria do design da comunicação visual
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
Design de Cores na Web, por Martha Gabriel
Ferramentas Livres para Desenvolvimento Web
Princípios clássicos de composição visual e Gráfica para não Designers
Haccp
Design/ Design Gráfico
Anúncio

Mais de Fabio Silveira: Designer | Professor (20)

PDF
Projeto graficoi II aula04
PDF
Projeto Grafico II – aula03 IEDSP
PDF
Projeto grafico II – aula 2 IED SP
PDF
Projeto Interdisciplinar IED SP 2019
PDF
Projeto Grafico V 2018
PDF
Projeto Grafico V | Aula 01
PDF
Apres pos edit_ied_comite
PDF
Design Thinking – Coolhunting IED São Paulo
PDF
Lab Integrado de Design IED SP
PDF
Pos editorial infografia_2016
PDF
Pos editorial infografia_2016
PDF
Aula Espelho | Design Editorial
PDF
Liguagem Visual II . aula 4.
PDF
Aula IED SP Criatividade Aula 2
PDF
Aula IED SP criatividade Aula 01
PDF
Design editorial 2015_matriz
PDF
PDF
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Projeto graficoi II aula04
Projeto Grafico II – aula03 IEDSP
Projeto grafico II – aula 2 IED SP
Projeto Interdisciplinar IED SP 2019
Projeto Grafico V 2018
Projeto Grafico V | Aula 01
Apres pos edit_ied_comite
Design Thinking – Coolhunting IED São Paulo
Lab Integrado de Design IED SP
Pos editorial infografia_2016
Pos editorial infografia_2016
Aula Espelho | Design Editorial
Liguagem Visual II . aula 4.
Aula IED SP Criatividade Aula 2
Aula IED SP criatividade Aula 01
Design editorial 2015_matriz
Tipografia | Aula 01 | Historia e Anatomia tipografica.

Último (15)

PPTX
Frontend : conceitos e aplicações- 01.pptx
PPTX
Chamada oral geo.pptx_Chamada oral feita PPT
PPTX
introduobblica-121003071240-phpapp02.pptx
PDF
DOC-20250806-WA0031._20250806_140925_0000.pdf
PDF
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf
PPTX
UhujuuuujuivvuvuvuvvAULA-SAUDE-DA-MULHER.pptx
PDF
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf
PPTX
Trabalho, Energia e Potncia. e seus diferentes
PPTX
Plano cartesiano_ coordenadas no 1º quadrante.pptx
PDF
-Esbocos-no-evangelho-de-lucas.pdfffffffff
PDF
Metodologia projetual na construção de Ilustrações
PPTX
volume currículoOOOOOOOOOOOOOOOOOOOO.pptx
PDF
Inflamação Aguda.pdfassasasasasasasasssassa
PPTX
CUBISMO, o ensino de artes no ensino médio.pptx
PDF
molde do jake de hora de aventura feito por IA
Frontend : conceitos e aplicações- 01.pptx
Chamada oral geo.pptx_Chamada oral feita PPT
introduobblica-121003071240-phpapp02.pptx
DOC-20250806-WA0031._20250806_140925_0000.pdf
Exemplo de organograma de ecrã 2025-04-13 à(s) 21.23.42.pdf
UhujuuuujuivvuvuvuvvAULA-SAUDE-DA-MULHER.pptx
12-EPISTOLAS-GERAIS-CFTM-BASICO-Instituto-EDUC_compressed-1.pdf
Trabalho, Energia e Potncia. e seus diferentes
Plano cartesiano_ coordenadas no 1º quadrante.pptx
-Esbocos-no-evangelho-de-lucas.pdfffffffff
Metodologia projetual na construção de Ilustrações
volume currículoOOOOOOOOOOOOOOOOOOOO.pptx
Inflamação Aguda.pdfassasasasasasasasssassa
CUBISMO, o ensino de artes no ensino médio.pptx
molde do jake de hora de aventura feito por IA

Projeto grafico II | Aula 01

  • 1. 1 GRÁFICOIIIDENTIDADE VISUAL : INTRODUÇÃO PROF. FABIO SILVEIRA IED SÃO PAULO | ISTITUTO EUROPEO DI DESIGN PROJETO 01
  • 2. | IDENTIDADE VISUAL2 IED • SÃO PAULO | FABIO SILVEIRA 2017 LOGOMARCAjamaisusem. do grego "logos" + do germânico "markas" = significado + significado FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER
  • 3. | IDENTIDADE VISUAL3 IED • SÃO PAULO | FABIO SILVEIRA 2017 LOGOMARCAjamaisusem. do grego "logos" + do germânico "markas" = significado + significado do grego "logos" + "typos" = palavra, significado + FiguraLOGOTIPOimpreciso,maspodeusar. FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER
  • 4. | IDENTIDADE VISUAL4 IED • SÃO PAULO | FABIO SILVEIRA 2017 LOGOMARCAjamaisusem. do grego "logos" + do germânico "markas" = significado + significado do grego "logos" + "typos" = palavra, significado + FiguraLOGOTIPOimpreciso,maspodeusar. FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER do grego "logos" = palavra, significadoLOGOok.
  • 5. | IDENTIDADE VISUAL5 IED • SÃO PAULO | FABIO SILVEIRA 2017 LOGOMARCAjamaisusem. do grego "logos" + do germânico "markas" = significado + significado do grego "logos" + "typos" = palavra, significado + FiguraLOGOTIPOimpreciso,maspodeusar. + aqui ó IDENTIDADE VISUALadequado. FONTE: ABC DA ADG - GLOSSÁRIO DE TERMOS E VERBETES UTILIZADOS EM DESIGN GRÁFICO. ADG BRASIL. ED. BLUCHER do grego "logos" = palavra, significadoLOGOok.
  • 6. | IDENTIDADE VISUAL6 IED • SÃO PAULO | FABIO SILVEIRA 2017 IDENTIDADE VISUAL
  • 7. | IDENTIDADE VISUAL7 IED • SÃO PAULO | FABIO SILVEIRA 2017 constituiem umconjuntode definiçõesparticulares relacionadasa apresentaçãovisual deumaempresa, produtoouserviço. IDENTIDADE VISUAL
  • 8. | IDENTIDADE VISUAL8 IED • SÃO PAULO | FABIO SILVEIRA 2017 constituiem umconjuntode definiçõesparticulares relacionadasa apresentaçãovisual deumaempresa, produtoouserviço. SÍMBOLO LOGOTIPO SITE SISTEMA DE ASSINATURAS PALETA DE CORES GRAFISMOS ELEMENTOS DE APOIO LINGUAGEM GRÁFICA MATERIAIS ANIMAÇÃO MANUAIS DE IDENTIDADE IDENTIDADE VISUAL
  • 9. | IDENTIDADE VISUAL9 IED • SÃO PAULO | FABIO SILVEIRA 2017 1953. STANLEY CLARK MESTON
  • 10. | IDENTIDADE VISUAL10 IED • SÃO PAULO | FABIO SILVEIRA 2017 1915. THE ROOT GLASS COMPANY 1955. RAYMOND LOEWY
  • 11. | IDENTIDADE VISUAL11 IED • SÃO PAULO | FABIO SILVEIRA 2017 1974. ED BENGUIAT
  • 12. | IDENTIDADE VISUAL12 IED • SÃO PAULO | FABIO SILVEIRA 2017 1956. PAUL RAND
  • 13. | IDENTIDADE VISUAL13 IED • SÃO PAULO | FABIO SILVEIRA 2017 1973. ALEXANDRE WOLLNER
  • 14. | IDENTIDADE VISUAL14 IED • SÃO PAULO | FABIO SILVEIRA 2017 VÍDEOS IDENTIDADE VISUAL
  • 15. | IDENTIDADE VISUAL15 IED • SÃO PAULO | FABIO SILVEIRA 2017 ideia expandida ideia nuclear ESSÊNCIA; ATEMPORAL. QUAL É A “ALMA” DA MARCA? QUAIS SÃO SUAS CRENÇAS E VALORES FUNDAMENTAIS? COMO ESTA ALMA SE MANIFESTADE ACORDO COM O CONTEXTO SOCIAL, ECONÔMICO, TEMPORAL, COMPORTAMENTAL, ETC.
  • 16. | IDENTIDADE VISUAL16 IED • SÃO PAULO | FABIO SILVEIRA 2017 ideia expandida ideia nuclear ESSÊNCIA; ATEMPORAL. QUAL É A “ALMA” DA MARCA? QUAIS SÃO SUAS CRENÇAS E VALORES FUNDAMENTAIS? COMO ESTA ALMA SE MANIFESTADE ACORDO COM O CONTEXTO SOCIAL, ECONÔMICO, TEMPORAL, COMPORTAMENTAL, ETC. MARCA éuma ideia quese expande!
  • 17. | IDENTIDADE VISUAL17 IED • SÃO PAULO | FABIO SILVEIRA 2017 VÍDEO DENIS RUSSO. TEDX SP
  • 18. | IDENTIDADE VISUAL18 IED • SÃO PAULO | FABIO SILVEIRA 2017 VÍDEO NATÁLIA GARCIA. TEDX MAUÁ
  • 19. | IDENTIDADE VISUAL19 IED • SÃO PAULO | FABIO SILVEIRA 2017 MOBILIDADE URBANA MOBILIDADE URBANA Comopromoverumasoluçãodeserviço digitalexplorandoaexperiênciadosusuários emrelaçãoaotemadamobilidadeurbana? DESAFIO
  • 20. 20 NAPRÁTICAsentir DefiniroProblema 1. Formem grupos de trabalho. 2. Definam qual problema será resolvido. 3. Analise do assunto macro e seus subproblemas. REFLEXÃO DISCUSSÃO EM CLASSE. INDIVIDUAL TRABALHO EM GRUPO TEMPO APRESENTAÇÃO TRABALHO EM SALA DE AULA TRAZER NA PRÓXIMA AULA ERRONEÔMETRO 2 ® , ,,, G · S 2 O 4. Pesquisem informações sobre o problema escolhido.
  • 21. | IDENTIDADE VISUAL21 CONTATOS email site cnpq lattes redes sociais: fabio@designderaiz.com.br designderaiz.com.br lattes.cnpq.br/6551801434993965 @fabionsilveira IDENTIDADEVISUAL THANKS, GRACIAS, HVALA, FIXE, DANKE, ARIGATÔ, MERCI, VALEU! OBRIGADO! :) O Trabalho/Aula: Identidade Visual, do Professor Fabio Silveira, foi licenciado com uma Licença Creative Commons - Atribuição-Não Comercial-Compartilha Igual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbito desta licença em fabio.designerbr@gmail.com. Esta apresentação é destinada ao âmbito acadêmico. O uso de imagens neste documento serve apenas para ilustrar os exemplos dos conceitos e técnicas apresentadas em sala de aula. AULA SOBRE 2017