SlideShare a Scribd company logo
1 of 39
Download to read offline
história/ parte 1

T!p)gr*fi@
utfpr.d
Claudia Bordin Rodrigues

MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

esign
gráfic
o
pergunta essencial
As mudanças tecnológicas, econômicas,
sociais, artísticas e culturais do processo de
escrita e impressão determinaram a criação
dos diversos tipos que temos hoje. Com
2
suas palavras, explique como esses
elementos conectaram-se através da
história.
‣

1
Responder no Blog
como se define
tipografia
[De tipo-2 + -grafia.]
Substantivo feminino.
1. Arte que compreende as várias operações conducentes à
impressão dos textos, desde a criação dos caracteres à sua
composição e impressão, de modo que resulte num produto
gráfico ao mesmo tempo adequado, legível e agradável. [Cf.
imprensa (2).]
2. Tipologia (2).
3. Art. Gráf. Restr. Sistema de imprimir com fôrmas em relevo;
impressão tipográfica. [F. red., nessas acepçs.: tipo.]
4. Estilo ou arranjo do texto tipográfico.
5. Estabelecimento tipográfico.
escrita
processo

gravação/registro/impressão
tecnologia

estilo
sociedade e cultura
Lascaux
Pictográfica

www.lascaux.culture.fr
Tabuletas de
Argila
Primeiras noções de escrita
datam de 3000 a.C. e foram
encontradas na Mesopotâmia
(entre Tigre e Eufrates, atual
Iraque), na cidade de Uruk.
Peça molhada, ossos e madeira como
ferramenta, alta durabilidade após secagem.

Tábuas de argila que relatavam transações
comerciais agrícolas.
Cuneiforme
Sistema de escrita

Foto: Claudia Bordin Rodrgues | Museu do Louvre
Cuneiforme
Abstração dos sinais e
marcação bem aberta,
em forma de cunhas.

Posterior representação do som da fala.
Hieróglifos
Sistema de escrita

Foto: Claudia Bordin Rodrgues | Museu do Vaticano
Foto: Claudia Bordin Rodrgues | Museu do Vaticano
Foto: Claudia Bordin Rodrgues | Museu do Vaticano
Hieróglifos
Hiero significa “sagrado”,
“divino”; e glifo, “gravado
em pedra”, “esculpido”.

Pedra, madeira ou metal como suporte.
Papiro (papel) para finalidades comerciais de
registro.

Os hieróglifos, considerados uma escrita divina pelos
egípcios antigos, foram inventados para que eles
pudessem se comunicar tanto com os homens como
com os deuses.
Fonte: Priscila P. Grall
Alfabeto
Escrita Fonética

Gregos
Criação do Latim

(adapt. Fenícios - Alef /Bet )
grego
latino (romano)
cirílico
...

26 letras
Romano

Foto: Claudia Bordin Rodrgues | Foro Romano
Romano

Foto: Claudia Bordin Rodrgues | Museu do Vaticano
A
Fonte: CAGLIARI. A origem das letras do alfabeto.
Q
Fonte: CAGLIARI. A origem das letras do alfabeto.
Antes da impressão...
papel

+
tinta
+

Essa é a história do

tipos
Bi Sheng, 1041-1048
Tipos móveis

http://history.cultural-china.com/en/50History6061.html
Wooden movable-type printing of China
http://www.youtube.com/watch?v=SzHXXF0YLS8
Gutenberg, 1455
Bíblia de 42 linhas

http://en.wikipedia.org/wiki/
File:Gutenberg_Bible,_Lenox_Copy,_New_York_Public_Library,_2009._Pic_01.jpg
The Story of the Gutenberg Bible
by Mary Katherine May
http://www.youtube.com/watch?v=iQHDjlZF_gY
Método Composição Manual
- Tipos são organizados individualmente
em um ‘bastão componedor’
- Formação de inhas de palavras com
largura pré-ajustada - vão para a
bandeja (bolandeira)
- Depois de usados na impressão, os
tipos são devolvidos a uma gaveta e
http://en.wikipedia.org/wiki/File:Handtiegelpresse_von_1811.jpg

reordenados.
Historia da Tipografia-parte1
Linn Boyd Benton, Sec XX
Pantógrafo de punções
Duplicagem rápida a partir
de um desenho de letra
diretamente para o metal.

http://www.circuitousroot.com/artifice/letters/press/about-the-images.html
Exemplo de pantógrafo
http://www.youtube.com/watch?v=FXACqPPADCE
Mergenthaler,1844
Linotipo

Método Composição a
Quente
- Teclado com fundidora acoplada - o
operador ‘digita’a tecla da letra que é
liberada até formar a palavra;
- A linhas com matrizes era transportada
para a fundidora, que fundia e ejetava
uma linha por vez;
- Após utilizada, a matriz vai para a
magazine para nova utilização.

http://todayinsci.com/M/Mergenthaler_Ottmar/Linotype-Frontispiece.htm
Linotipo em funcionamento... Uau!
O que é uma
Type Foundry
http://en.wikipedia.org/wiki/Type_foundry

?
http://thedaleguild.com/news/1124/
Historia da Tipografia-parte1
http://russellmaret.blogspot.com.br/2011/02/specimens-making-iohann-titling.html
Mackenzie & Harrys Type foundry
http://www.youtube.com/watch?v=_4q5C8Kgn4g&list=PLDC8357E1D1DE2FC2
Fotoletras e Letraset
1947/1960
Método Composição a frio
- Processos de composição utilizando o
método fotográfico

MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Imagens: http://www.swiss-miss.com/2012/05/letraset.html

Nos tempos de Letraset...
http://www.creativepro.com/blog/scanning-around-gene-when-letraset-was-king
Projeto 01 Revista sobre Tipografia

Vamos conhecer mais as
fontes históricas/clássicas
Elas são as bases de quase TODAS as outras
tipografias contemporâneas.
Centaur, Bembo italics, Caslon, Clarendon, Goudy,
Bodoni, Frankfurt, City
atividade 01

Pesquisa textual e de referências.entrega próxima aula

More Related Content

Viewers also liked

ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014Ronaldo Porto
 
Tipografia & História
Tipografia & HistóriaTipografia & História
Tipografia & HistóriaNaieni Ferraz
 
Introdução a Tipografia
Introdução a Tipografia Introdução a Tipografia
Introdução a Tipografia profclaubordin
 
Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignClaudia Bordin Rodrigues
 
Disciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações geraisDisciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações geraisprofclaubordin
 
Melhorando a experiência do usuário e otimização conversões através de aplica...
Melhorando a experiência do usuário e otimização conversões através de aplica...Melhorando a experiência do usuário e otimização conversões através de aplica...
Melhorando a experiência do usuário e otimização conversões através de aplica...Douglas Benjamim
 
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...Paulo Oliveira
 
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamentoCRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamentoCauê de Souza
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCauê de Souza
 
Metodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex LibrisMetodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex Librisprofclaubordin
 
CRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
CRP- 0420: Comunicação Digital - Aula 6: Projeto DigitalCRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
CRP- 0420: Comunicação Digital - Aula 6: Projeto DigitalCauê de Souza
 
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2Cauê de Souza
 
Oficina Planejamento de Comunicação nas Mídias Digitais
Oficina Planejamento de Comunicação nas Mídias DigitaisOficina Planejamento de Comunicação nas Mídias Digitais
Oficina Planejamento de Comunicação nas Mídias DigitaisFelipe Pereira
 
36529302 guia-dop-professor
36529302 guia-dop-professor36529302 guia-dop-professor
36529302 guia-dop-professorEduardo Lopes
 

Viewers also liked (20)

Responsive Web Design - Wireframe
Responsive Web Design - WireframeResponsive Web Design - Wireframe
Responsive Web Design - Wireframe
 
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
ESPM // Marketing e Design Digital // PCA 1 - aula 01/04 // Jan 2014
 
Tipografia & História
Tipografia & HistóriaTipografia & História
Tipografia & História
 
Introdução a Tipografia
Introdução a Tipografia Introdução a Tipografia
Introdução a Tipografia
 
Aula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesignAula introdutória da disciplina de webdesign
Aula introdutória da disciplina de webdesign
 
Disciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações geraisDisciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações gerais
 
Melhorando a experiência do usuário e otimização conversões através de aplica...
Melhorando a experiência do usuário e otimização conversões através de aplica...Melhorando a experiência do usuário e otimização conversões através de aplica...
Melhorando a experiência do usuário e otimização conversões através de aplica...
 
Aula CRP-0420-2015-12
Aula CRP-0420-2015-12Aula CRP-0420-2015-12
Aula CRP-0420-2015-12
 
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
UX - Experiência do Usuário. Concepção e desenvolvimento de produtos digitais...
 
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamentoCRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
CRP- 0420: Comunicação Digital - Aula 4: Pós-Moderno, inovação e comportamento
 
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e InteraçãoCRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
CRP- 0420: Comunicação Digital - Aula 7: Design de Experiência e Interação
 
Usuarios Mobile
Usuarios MobileUsuarios Mobile
Usuarios Mobile
 
Aula CRP-0420-2015-03
Aula CRP-0420-2015-03Aula CRP-0420-2015-03
Aula CRP-0420-2015-03
 
Metodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex LibrisMetodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex Libris
 
Identidade de marca, breve introdução
Identidade de marca, breve introduçãoIdentidade de marca, breve introdução
Identidade de marca, breve introdução
 
CRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
CRP- 0420: Comunicação Digital - Aula 6: Projeto DigitalCRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
CRP- 0420: Comunicação Digital - Aula 6: Projeto Digital
 
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
CRP- 0420: Comunicação Digital - Aula 1: Contexto - Parte 2
 
Planejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web SitesPlanejamento e Desenvolvimento de Web Sites
Planejamento e Desenvolvimento de Web Sites
 
Oficina Planejamento de Comunicação nas Mídias Digitais
Oficina Planejamento de Comunicação nas Mídias DigitaisOficina Planejamento de Comunicação nas Mídias Digitais
Oficina Planejamento de Comunicação nas Mídias Digitais
 
36529302 guia-dop-professor
36529302 guia-dop-professor36529302 guia-dop-professor
36529302 guia-dop-professor
 

More from profclaubordin

Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016profclaubordin
 
Proposta Livreto Virtual
Proposta Livreto VirtualProposta Livreto Virtual
Proposta Livreto Virtualprofclaubordin
 
Metodologia de Projeto em Design - aula inicial
Metodologia de Projeto em Design - aula inicialMetodologia de Projeto em Design - aula inicial
Metodologia de Projeto em Design - aula inicialprofclaubordin
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoprofclaubordin
 
05 briefing problema_cases
05 briefing problema_cases05 briefing problema_cases
05 briefing problema_casesprofclaubordin
 
Projeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra LiteráriaProjeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra Literáriaprofclaubordin
 
Evento em Design - projeto
Evento em Design - projetoEvento em Design - projeto
Evento em Design - projetoprofclaubordin
 
O processo de design_Graphic Design Thinking
O processo de design_Graphic Design ThinkingO processo de design_Graphic Design Thinking
O processo de design_Graphic Design Thinkingprofclaubordin
 
Conceito - Ambiente expositivo
Conceito - Ambiente expositivoConceito - Ambiente expositivo
Conceito - Ambiente expositivoprofclaubordin
 
Experiência, mediação e interação
Experiência, mediação e interaçãoExperiência, mediação e interação
Experiência, mediação e interaçãoprofclaubordin
 
Tipografia - Olhar ao redor
Tipografia - Olhar ao redorTipografia - Olhar ao redor
Tipografia - Olhar ao redorprofclaubordin
 
Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013profclaubordin
 
Proposta 01 _ projeto livreto virtual
Proposta 01 _ projeto livreto virtualProposta 01 _ projeto livreto virtual
Proposta 01 _ projeto livreto virtualprofclaubordin
 
Metodologia de Projeto Gráfico - Introdução a disciplina
Metodologia de Projeto Gráfico - Introdução a disciplinaMetodologia de Projeto Gráfico - Introdução a disciplina
Metodologia de Projeto Gráfico - Introdução a disciplinaprofclaubordin
 
Encadernação de livros - imagens
Encadernação de livros - imagensEncadernação de livros - imagens
Encadernação de livros - imagensprofclaubordin
 
03 orientacoes obraliteraria
03 orientacoes obraliteraria03 orientacoes obraliteraria
03 orientacoes obraliterariaprofclaubordin
 
Projeto Grafico _ Identidade Peças
Projeto Grafico _ Identidade PeçasProjeto Grafico _ Identidade Peças
Projeto Grafico _ Identidade Peçasprofclaubordin
 
Projeto Gráfico Exposição - Elementos de design ambiental
Projeto Gráfico Exposição - Elementos de design ambientalProjeto Gráfico Exposição - Elementos de design ambiental
Projeto Gráfico Exposição - Elementos de design ambientalprofclaubordin
 

More from profclaubordin (20)

Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016
 
Proposta Livreto Virtual
Proposta Livreto VirtualProposta Livreto Virtual
Proposta Livreto Virtual
 
Metodologia de Projeto em Design - aula inicial
Metodologia de Projeto em Design - aula inicialMetodologia de Projeto em Design - aula inicial
Metodologia de Projeto em Design - aula inicial
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introdução
 
05 briefing problema_cases
05 briefing problema_cases05 briefing problema_cases
05 briefing problema_cases
 
Projeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra LiteráriaProjeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra Literária
 
Participant worksheet
Participant worksheetParticipant worksheet
Participant worksheet
 
Evento em Design - projeto
Evento em Design - projetoEvento em Design - projeto
Evento em Design - projeto
 
O processo de design_Graphic Design Thinking
O processo de design_Graphic Design ThinkingO processo de design_Graphic Design Thinking
O processo de design_Graphic Design Thinking
 
Conceito - Ambiente expositivo
Conceito - Ambiente expositivoConceito - Ambiente expositivo
Conceito - Ambiente expositivo
 
Experiência, mediação e interação
Experiência, mediação e interaçãoExperiência, mediação e interação
Experiência, mediação e interação
 
Tipografia - Olhar ao redor
Tipografia - Olhar ao redorTipografia - Olhar ao redor
Tipografia - Olhar ao redor
 
Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013
 
Proposta 01 _ projeto livreto virtual
Proposta 01 _ projeto livreto virtualProposta 01 _ projeto livreto virtual
Proposta 01 _ projeto livreto virtual
 
Metodologia de Projeto Gráfico - Introdução a disciplina
Metodologia de Projeto Gráfico - Introdução a disciplinaMetodologia de Projeto Gráfico - Introdução a disciplina
Metodologia de Projeto Gráfico - Introdução a disciplina
 
02 web introahtml
02 web introahtml02 web introahtml
02 web introahtml
 
Encadernação de livros - imagens
Encadernação de livros - imagensEncadernação de livros - imagens
Encadernação de livros - imagens
 
03 orientacoes obraliteraria
03 orientacoes obraliteraria03 orientacoes obraliteraria
03 orientacoes obraliteraria
 
Projeto Grafico _ Identidade Peças
Projeto Grafico _ Identidade PeçasProjeto Grafico _ Identidade Peças
Projeto Grafico _ Identidade Peças
 
Projeto Gráfico Exposição - Elementos de design ambiental
Projeto Gráfico Exposição - Elementos de design ambientalProjeto Gráfico Exposição - Elementos de design ambiental
Projeto Gráfico Exposição - Elementos de design ambiental
 

Historia da Tipografia-parte1