[dig2012] All type e tipografia na web
-
Upload
eduardo-novais -
Category
Design
-
view
1.089 -
download
5
Transcript of [dig2012] All type e tipografia na web
![Page 1: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/1.jpg)
Aula Prática - TipografiaEduardo Novais - Design de Interfaces Gráficas
sexta-feira, 16 de março de 2012
![Page 2: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/2.jpg)
All type
sexta-feira, 16 de março de 2012
![Page 3: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/3.jpg)
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
![Page 4: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/4.jpg)
Vejamos alguns exemplos
sexta-feira, 16 de março de 2012
![Page 5: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/5.jpg)
sexta-feira, 16 de março de 2012
![Page 6: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/6.jpg)
sexta-feira, 16 de março de 2012
![Page 7: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/7.jpg)
sexta-feira, 16 de março de 2012
![Page 8: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/8.jpg)
sexta-feira, 16 de março de 2012
![Page 9: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/9.jpg)
Tipografia grande
sexta-feira, 16 de março de 2012
![Page 10: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/10.jpg)
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
![Page 11: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/11.jpg)
Vejamos alguns exemplos
sexta-feira, 16 de março de 2012
![Page 12: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/12.jpg)
National Television http://www.natl.tv/
sexta-feira, 16 de março de 2012
![Page 13: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/13.jpg)
Take Shape http://www.takeshape.it
sexta-feira, 16 de março de 2012
![Page 14: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/14.jpg)
IAAH http://www.iamalwayshungry.com/
sexta-feira, 16 de março de 2012
![Page 15: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/15.jpg)
Tanoshism http://www.tanoshism.com/
sexta-feira, 16 de março de 2012
![Page 16: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/16.jpg)
Red Interactive Agency http://www.ff0000.com/
sexta-feira, 16 de março de 2012
![Page 17: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/17.jpg)
elmwood http://www.elmwood.co.uk/
sexta-feira, 16 de março de 2012
![Page 18: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/18.jpg)
sexta-feira, 16 de março de 2012
![Page 19: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/19.jpg)
sexta-feira, 16 de março de 2012
![Page 20: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/20.jpg)
sexta-feira, 16 de março de 2012
![Page 21: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/21.jpg)
sexta-feira, 16 de março de 2012
![Page 22: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/22.jpg)
Exercício
sexta-feira, 16 de março de 2012
![Page 23: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/23.jpg)
Objetivo:Criar o layout da tela inicial de uma página de um personagem dado.
sexta-feira, 16 de março de 2012
![Page 24: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/24.jpg)
Cliente:Escolher um dos quatro perfis a seguir.
sexta-feira, 16 de março de 2012
![Page 25: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/25.jpg)
1. Esportista
sexta-feira, 16 de março de 2012
![Page 26: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/26.jpg)
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
![Page 27: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/27.jpg)
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
![Page 28: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/28.jpg)
2. Artista Plástico
sexta-feira, 16 de março de 2012
![Page 29: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/29.jpg)
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
![Page 30: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/30.jpg)
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
![Page 31: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/31.jpg)
3. Biólogo
sexta-feira, 16 de março de 2012
![Page 32: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/32.jpg)
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
![Page 33: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/33.jpg)
4. Músico
sexta-feira, 16 de março de 2012
![Page 34: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/34.jpg)
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
![Page 35: [dig2012] All type e tipografia na web](https://reader035.fdocument.pub/reader035/viewer/2022081400/555ad749d8b42a024a8b4cb6/html5/thumbnails/35.jpg)
Antes de começar, não esqueça de definir:TipografiaHarmonia CromáticaGrid utilizadoHierarquia Visual
sexta-feira, 16 de março de 2012