SlideShare uma empresa Scribd logo
Aula Prática - Tipografia
                            Eduardo Novais - Design de Interfaces Gráficas




sexta-feira, 16 de março de 2012
All type




sexta-feira, 16 de março de 2012
All Type é um recurso que utiliza somente
                         letras para compor visualmente uma peça.
                         Seu uso foi bastante difundido em cartazes.




sexta-feira, 16 de março de 2012
Vejamos alguns
                         exemplos




sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
Tipografia grande




sexta-feira, 16 de março de 2012
Na web, normalmente fica difícil trabalhar
                         SÓ com fontes, mas vários sites optam por
                         tipografia grande e envolvente




sexta-feira, 16 de março de 2012
Vejamos alguns
                         exemplos




sexta-feira, 16 de março de 2012
National Television   http://www.natl.tv/


sexta-feira, 16 de março de 2012
Take Shape   http://www.takeshape.it


sexta-feira, 16 de março de 2012
IAAH   http://www.iamalwayshungry.com/


sexta-feira, 16 de março de 2012
Tanoshism   http://www.tanoshism.com/


sexta-feira, 16 de março de 2012
Red Interactive Agency   http://www.ff0000.com/


sexta-feira, 16 de março de 2012
elmwood   http://www.elmwood.co.uk/


sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
sexta-feira, 16 de março de 2012
Exercício




sexta-feira, 16 de março de 2012
Objetivo:
                         Criar o layout da tela inicial de uma página
                         de um personagem dado.




sexta-feira, 16 de março de 2012
Cliente:
                         Escolher um dos quatro perfis a seguir.




sexta-feira, 16 de março de 2012
1. Esportista




sexta-feira, 16 de março de 2012
Tales Cerdeira - 22 anos - é praticante de
                         Parkour, uma atividade cujo princípio é
                         mover-se de um ponto a outro o mais rápido
                         e eficientemente possível, usando
                         principalmente as habilidades do corpo
                         humano.




sexta-feira, 16 de março de 2012
Apaixonado por vários outros esportes
                         radicais, como Arvorismo, Asa-Delta, KiteSurf
                         e Paraquedismo, Tales possui destaque no
                         Parkour por vitórias no Campeonato
                         Paranaense da categoria e é apontado como
                         uma promessa no esporte.




sexta-feira, 16 de março de 2012
2. Artista Plástico




sexta-feira, 16 de março de 2012
Reconhecido no meio nacional e com alguma
                         notoriedade internacional, Tales Cerdeira -
                         33 anos - fez seus estudos na Universidade
                         de Leipzig, Alemanha, onde foi fortalemente
                         influenciado pela histórica escola Bauhaus.




sexta-feira, 16 de março de 2012
Essa passagem pela escola é observada
                         também nos seus trabalhos. Teve trabalhos
                         expostos na Bienal de São Paulo, no Tate
                         Modern (Londres) e no MoMA (Nova York)




sexta-feira, 16 de março de 2012
3. Biólogo




sexta-feira, 16 de março de 2012
Tales Cerdeira - 31 anos - é um incansável.
                         Vive para buscar espécies raras em todo
                         mundo. Possui um programa na TV onde
                         mostra tais animais e seus comportamentos.
                         Alegre e simpático, Tales já foi atacado
                         algumas vezes e é tido como uma pessoa
                         corajosa no que faz.




sexta-feira, 16 de março de 2012
4. Músico




sexta-feira, 16 de março de 2012
Uma palavra basta para descrever Tales
                         Cerdeira, 62 anos: erudito. Tales é professor
                         do curso de Música da Universidade de
                         Brasília, mas tem reconhecimento e projeção
                         por suas apresentações de música medieval,
                         sempre muito precisas e virtuosas. É um
                         mestre em instrumentos antigos, em especial
                         o Alaúde.




sexta-feira, 16 de março de 2012
Antes de começar, não esqueça de definir:
                         Tipografia
                         Harmonia Cromática
                         Grid utilizado
                         Hierarquia Visual




sexta-feira, 16 de março de 2012

Mais conteúdo relacionado

Mais de Eduardo Novais

[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
Eduardo Novais
 
[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces online[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces online
Eduardo Novais
 
[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile
Eduardo Novais
 
[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo
Eduardo Novais
 
[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02
Eduardo Novais
 
[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual
Eduardo Novais
 
[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual
Eduardo Novais
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids
Eduardo Novais
 
[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea
Eduardo Novais
 
[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativo[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativo
Eduardo Novais
 
[cv - 2011.2] 12 - organizacao visual
[cv - 2011.2] 12 - organizacao visual[cv - 2011.2] 12 - organizacao visual
[cv - 2011.2] 12 - organizacao visual
Eduardo Novais
 
[cv - 2011.2] 08 - tangram
[cv - 2011.2] 08 - tangram[cv - 2011.2] 08 - tangram
[cv - 2011.2] 08 - tangram
Eduardo Novais
 
[cv - 2011.2] 06- exercício de texturização
[cv - 2011.2] 06- exercício de texturização[cv - 2011.2] 06- exercício de texturização
[cv - 2011.2] 06- exercício de texturização
Eduardo Novais
 
[cv - 2011.2] 05-níveis de linguagem
[cv - 2011.2] 05-níveis de linguagem[cv - 2011.2] 05-níveis de linguagem
[cv - 2011.2] 05-níveis de linguagem
Eduardo Novais
 

Mais de Eduardo Novais (20)

15 - escolha de tipos
15 - escolha de tipos15 - escolha de tipos
15 - escolha de tipos
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
 
[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces online[dig2012] 11 - interfaces online
[dig2012] 11 - interfaces online
 
[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile[dig2012] 12 - Interfaces mobile
[dig2012] 12 - Interfaces mobile
 
[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo[HAD2012] 11 - Dadaismo
[HAD2012] 11 - Dadaismo
 
[HA2012] 06 - Cubismo
[HA2012] 06 - Cubismo[HA2012] 06 - Cubismo
[HA2012] 06 - Cubismo
 
[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02[HA2012] 03 - Raízes da arte e do design - 02
[HA2012] 03 - Raízes da arte e do design - 02
 
[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces[dig2012] 02 - História do design de interfaces
[dig2012] 02 - História do design de interfaces
 
[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual[dig2012] 04 - Hierarquia visual
[dig2012] 04 - Hierarquia visual
 
[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual[cv - 2011.2] Orientações - trabalho final de Com Visual
[cv - 2011.2] Orientações - trabalho final de Com Visual
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids
 
[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea[cv - 2011.2] 13 - layout e proporção áurea
[cv - 2011.2] 13 - layout e proporção áurea
 
[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativo[cv - 2011.2] 10 - Plano negativo
[cv - 2011.2] 10 - Plano negativo
 
[cv - 2011.2] 12 - organizacao visual
[cv - 2011.2] 12 - organizacao visual[cv - 2011.2] 12 - organizacao visual
[cv - 2011.2] 12 - organizacao visual
 
[cv - 2011.2] 08 - tangram
[cv - 2011.2] 08 - tangram[cv - 2011.2] 08 - tangram
[cv - 2011.2] 08 - tangram
 
[cv - 2011.2] 07 - gestalt
[cv - 2011.2] 07 - gestalt[cv - 2011.2] 07 - gestalt
[cv - 2011.2] 07 - gestalt
 
[cv - 2011.2] 06- exercício de texturização
[cv - 2011.2] 06- exercício de texturização[cv - 2011.2] 06- exercício de texturização
[cv - 2011.2] 06- exercício de texturização
 
[cv - 2011.2] 05-níveis de linguagem
[cv - 2011.2] 05-níveis de linguagem[cv - 2011.2] 05-níveis de linguagem
[cv - 2011.2] 05-níveis de linguagem
 
[cv - 2011.2] 04-elementos relacionais
[cv - 2011.2] 04-elementos relacionais[cv - 2011.2] 04-elementos relacionais
[cv - 2011.2] 04-elementos relacionais
 
[cv - 2011.2] 03 - elementos visuais
[cv - 2011.2] 03 - elementos visuais[cv - 2011.2] 03 - elementos visuais
[cv - 2011.2] 03 - elementos visuais
 

[dig2012] All type e tipografia na web

  • 1. Aula Prática - Tipografia Eduardo Novais - Design de Interfaces Gráficas sexta-feira, 16 de março de 2012
  • 2. All type sexta-feira, 16 de março de 2012
  • 3. All Type é um recurso que utiliza somente letras para compor visualmente uma peça. Seu uso foi bastante difundido em cartazes. sexta-feira, 16 de março de 2012
  • 4. Vejamos alguns exemplos sexta-feira, 16 de março de 2012
  • 5. sexta-feira, 16 de março de 2012
  • 6. sexta-feira, 16 de março de 2012
  • 7. sexta-feira, 16 de março de 2012
  • 8. sexta-feira, 16 de março de 2012
  • 10. Na web, normalmente fica difícil trabalhar SÓ com fontes, mas vários sites optam por tipografia grande e envolvente sexta-feira, 16 de março de 2012
  • 11. Vejamos alguns exemplos sexta-feira, 16 de março de 2012
  • 12. National Television http://www.natl.tv/ sexta-feira, 16 de março de 2012
  • 13. Take Shape http://www.takeshape.it sexta-feira, 16 de março de 2012
  • 14. IAAH http://www.iamalwayshungry.com/ sexta-feira, 16 de março de 2012
  • 15. Tanoshism http://www.tanoshism.com/ sexta-feira, 16 de março de 2012
  • 16. Red Interactive Agency http://www.ff0000.com/ sexta-feira, 16 de março de 2012
  • 17. elmwood http://www.elmwood.co.uk/ sexta-feira, 16 de março de 2012
  • 18. sexta-feira, 16 de março de 2012
  • 19. sexta-feira, 16 de março de 2012
  • 20. sexta-feira, 16 de março de 2012
  • 21. sexta-feira, 16 de março de 2012
  • 23. Objetivo: Criar o layout da tela inicial de uma página de um personagem dado. sexta-feira, 16 de março de 2012
  • 24. Cliente: Escolher um dos quatro perfis a seguir. sexta-feira, 16 de março de 2012
  • 25. 1. Esportista sexta-feira, 16 de março de 2012
  • 26. Tales Cerdeira - 22 anos - é praticante de Parkour, uma atividade cujo princípio é mover-se de um ponto a outro o mais rápido e eficientemente possível, usando principalmente as habilidades do corpo humano. sexta-feira, 16 de março de 2012
  • 27. Apaixonado por vários outros esportes radicais, como Arvorismo, Asa-Delta, KiteSurf e Paraquedismo, Tales possui destaque no Parkour por vitórias no Campeonato Paranaense da categoria e é apontado como uma promessa no esporte. sexta-feira, 16 de março de 2012
  • 28. 2. Artista Plástico sexta-feira, 16 de março de 2012
  • 29. Reconhecido no meio nacional e com alguma notoriedade internacional, Tales Cerdeira - 33 anos - fez seus estudos na Universidade de Leipzig, Alemanha, onde foi fortalemente influenciado pela histórica escola Bauhaus. sexta-feira, 16 de março de 2012
  • 30. Essa passagem pela escola é observada também nos seus trabalhos. Teve trabalhos expostos na Bienal de São Paulo, no Tate Modern (Londres) e no MoMA (Nova York) sexta-feira, 16 de março de 2012
  • 31. 3. Biólogo sexta-feira, 16 de março de 2012
  • 32. Tales Cerdeira - 31 anos - é um incansável. Vive para buscar espécies raras em todo mundo. Possui um programa na TV onde mostra tais animais e seus comportamentos. Alegre e simpático, Tales já foi atacado algumas vezes e é tido como uma pessoa corajosa no que faz. sexta-feira, 16 de março de 2012
  • 33. 4. Músico sexta-feira, 16 de março de 2012
  • 34. Uma palavra basta para descrever Tales Cerdeira, 62 anos: erudito. Tales é professor do curso de Música da Universidade de Brasília, mas tem reconhecimento e projeção por suas apresentações de música medieval, sempre muito precisas e virtuosas. É um mestre em instrumentos antigos, em especial o Alaúde. sexta-feira, 16 de março de 2012
  • 35. Antes de começar, não esqueça de definir: Tipografia Harmonia Cromática Grid utilizado Hierarquia Visual sexta-feira, 16 de março de 2012