O documento descreve uma aula de projeto gráfico sobre identidade visual. Inclui discussões sobre escolha de tipografia, analogias formais e semânticas, e exemplos de painéis visuais representando emoções através de elementos tipográficos e imagens associadas. O professor pede aos alunos que desenvolvam duas soluções para painéis visuais representando uma palavra que expressa emoção.

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.