2. Aula Tipografia
-
Upload
orelha-linear -
Category
Design
-
view
556 -
download
2
description
Transcript of 2. Aula Tipografia
![Page 1: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/1.jpg)
!Tipografia Profª Aline Okumura
![Page 2: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/2.jpg)
Grego - TYPOS = MARCA ou IMPRESSÃO GRAPHÉ = ESCRITA
Trajetória da Tipografia
![Page 3: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/3.jpg)
Tra
jetó
ria
da T
ipog
rafia
![Page 4: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/4.jpg)
ABJAD - escrita arábica ABUGIDA- escrita hindu e seu alfabeto devanagári
Egípcio Japonês
Ideogramas
![Page 5: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/5.jpg)
Graffiti Wildstyle
![Page 6: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/6.jpg)
Livro Xilográfico
A invenção chinesa de tipos separados antecedeu as experiências de Gutenberg em mais de quatrocentos anos. O inventor foi Bi Sheng (c. 990-1051 d.C.) por volta do ano 1040 da era cristã. Os tipos eram feitos inicialmente de argila cozida, passando à madeira e por fim, ao bronze. Contudo, esses tipos móveis chineses ficaram restritos à impressão tabulária.
![Page 7: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/7.jpg)
Impressão Tabulária
![Page 8: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/8.jpg)
Literatura de Cordel
![Page 9: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/9.jpg)
Ancestral do livro, consistia na cópia dos textos bíblicos, é o texto escrito à mão, independente do suporte, técnica ou instrumento. Por convenção, ao longo do tempo, a palavra manuscrito passou a designar materiais escritos em papiro, pergaminho ou papel.
Manuscrito
![Page 10: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/10.jpg)
![Page 11: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/11.jpg)
Johannes Gensfleisch zur Laden zum Gutenberg (1398-1468), em 1455, desenvolve os tipos móveis, dando início ao revolucionário processo de reprodução da escrita em série.
Impressão
![Page 12: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/12.jpg)
O tipo móvel, que era uma maneira de escrever com pequenos pedaços de chumbo, inventado por Gutenberg, em 1454, na Alemanha, facilitou a entrada da escrita para o mundo da reprodução em série. Começava-se a pensar pela primeira vez na possibilidade de diagramar uma página. Desde os primeiros tipos gráficos de chumbo, a letra já ganhava um caráter de projeto.
Tipo Móvel
![Page 13: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/13.jpg)
![Page 14: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/14.jpg)
![Page 15: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/15.jpg)
![Page 16: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/16.jpg)
Elementos do tipo
![Page 17: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/17.jpg)
Anatomia Corpo Visual
![Page 18: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/18.jpg)
Anatomia Estruturação do Tipo
![Page 19: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/19.jpg)
Tipo Móvel
![Page 20: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/20.jpg)
![Page 21: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/21.jpg)
é o conjunto completo de caracteres sob o mesmo estilo e em todos os corpos: caixa alta e baixa, sinais de pontuação, acentos e numerais.
Fonte
![Page 22: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/22.jpg)
![Page 23: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/23.jpg)
FamíliaSão todas as variações da fonte. Ex.: Helvetica Extra Bold Helvetica Bold Helvetica Italico
![Page 24: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/24.jpg)
![Page 25: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/25.jpg)
fino-grosso
serifa
ênfase diagonalserifa inclinada
Antigo apropriado para textos longos
![Page 26: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/26.jpg)
Moderno desapropriado para textos longos
fino-grosso
ênfase vertical
serifa horizontal e fina
![Page 27: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/27.jpg)
M. Serifa Grossa indicada p/ leitura clara e direta
fino-grosso pouco ou inexistente ênfase vertical
serifa horizontais e grossas
![Page 28: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/28.jpg)
fino-grosso inexistente
ênfase inexistente
serifa inexistente
M. Sem Serifa cuidado ao contrasta-lá
![Page 29: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/29.jpg)
conectam
não conectam
Cursiva desapropriada a textos longos
![Page 30: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/30.jpg)
![Page 31: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/31.jpg)
![Page 32: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/32.jpg)
Decorativo utilização limitada
![Page 33: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/33.jpg)
![Page 34: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/34.jpg)
![Page 35: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/35.jpg)
![Page 36: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/36.jpg)
+ LEGIBILIDADE
MAXIMO: 3 TIPOS DIFERENTES
![Page 37: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/37.jpg)
![Page 38: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/38.jpg)
![Page 39: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/39.jpg)
![Page 40: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/40.jpg)
![Page 41: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/41.jpg)
![Page 42: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/42.jpg)
+fontes - LEGIBILIDADE
![Page 43: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/43.jpg)
![Page 44: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/44.jpg)
![Page 45: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/45.jpg)
![Page 46: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/46.jpg)
![Page 47: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/47.jpg)
![Page 48: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/48.jpg)
![Page 49: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/49.jpg)
Espaçamento
![Page 50: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/50.jpg)
Espaçamento entre letras
![Page 51: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/51.jpg)
Espaçamento entre palavras
![Page 52: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/52.jpg)
Espaçamento entre linhas
![Page 53: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/53.jpg)
Alinhamento
![Page 54: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/54.jpg)
Alinhamento
![Page 55: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/55.jpg)
Centralizar, ainda não
![Page 56: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/56.jpg)
Centralizar, ainda não
![Page 57: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/57.jpg)
Centralizar, ainda não
![Page 58: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/58.jpg)
Centralizar, ainda não
![Page 59: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/59.jpg)
Não Centralize, ainda
![Page 60: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/60.jpg)
![Page 61: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/61.jpg)
![Page 62: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/62.jpg)
Classificações Tipográficas
![Page 63: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/63.jpg)
seres humanos não lêem as palavras letra a letra, mas em blocos
Serifas respondem
![Page 64: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/64.jpg)
TAMBÉM É POR ESSE MESMO MOTIVO QUE OS TEXTOS ESCRITOS EM MAIÚSCULAS SÃO TÃO DIFÍCEIS DE SE LER.
!MESMA ALTURA + MESMA LARGURA
= LEITURA DIFÍCIL
![Page 65: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/65.jpg)
![Page 66: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/66.jpg)
![Page 67: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/67.jpg)
POR QUE?
![Page 68: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/68.jpg)
![Page 69: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/69.jpg)
![Page 70: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/70.jpg)
![Page 71: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/71.jpg)
![Page 72: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/72.jpg)
1982
![Page 76: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/76.jpg)
![Page 77: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/77.jpg)
![Page 78: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/78.jpg)
![Page 79: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/79.jpg)
![Page 80: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/80.jpg)
![Page 81: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/81.jpg)
![Page 82: 2. Aula Tipografia](https://reader034.fdocument.pub/reader034/viewer/2022052410/5561a149d8b42afd708b483d/html5/thumbnails/82.jpg)
A História da Palavra - O Nascimento da Escrita http://youtu.be/TVxmJoi-DDg
História da Tipografia em stop-motion. http://youtu.be/MN63btvwsgY
Entrevista Luli Radfahrer. http://youtu.be/XPg_fHbVYms
Historia da Tipografia http://youtu.be/skySGQTc_Rg
BRINGHURST. Robert. Elemento do estilo tipográfico. São Paulo: Cosac Naify, 2005.
LUPTON, Ellen. Pensar com tipos: guia para designers, escritores, editores e estudantes. São Paulo: Cosac Naify, 2006.
MATSUSHITA, Raquel. Fundamentos gráficos para um design consciente. São Paulo: Musa Editora, 2011.
MORGAN, Margaret. La Biblia de las Letras Iluminadas: um tesoro de la caligrafia decorativa. Ed. H. Blumes, 2007.
ROYO, Javier. Design Digital. São Paulo: Ed. Rosari, 2008.
KNIGHT, Carolyn. Design Gráfico e digital: prática e ideias criativas: conceito, metodologia e dicas para criação de um portifólio. São Paulo: Ed.Rosari, 2012
CHAMMA, Norberto. Marcas e Sinalização: práticas em design corporativo. São Paulo: Editora Senac São Paulo: 2007.
Bibliografia