SlideShare uma empresa Scribd logo
1 de 42
Tecnologias Digitais para                                 Claudia Bordin




                                                        projeto
                                                                                                  Rodrigues
                                                                                                  2o.Sem 2012
                                                                                                  UTFPR




                                                                   gráfico

                                  Introdução a Tipografia




MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
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
                        2
dos diversos tipos que temos hoje. Com
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        (adapt. Fenícios - Alef /Bet )


Criação do Latim
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...
Post para o Blog

Qual a história dessas fontes?
Romanas (Trajan e Rústica)
Pós romanas (Carolingeas, Semi Unciais)
Insulares (Saxônicas)
Góticas (Proto-góticas, Lombardicas, Fraktur)
Renascentistas (Humanistas, Itálicas, Cancelleresca,
Rotunda)
Barrocas (Copperplate, Floreios)
Modernas (Neuland, Brush, Open Romana)

                                                  Em grupo -
                                       Imagens, texto e links,
                                            com referências
papel
                   +
Essa é a história do




                  tinta
                      +
                       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
                                                                  reordenados.
http://en.wikipedia.org/wiki/File:Handtiegelpresse_von_1811.jpg
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/
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
Post para o Blog

Vire fã de uma typefoundry!




Pesquisar uma fundidora de tipos tradicional/
contemporânea e fazer uma pesquisa sobre suas
criações e criadores. Virar expert (de curto prazo) nas
características do trabalho da fundidora.
                                                    Individual -
                                         Imagens, texto e links,
                                              com referências
Post para o Blog

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
Individual | Com apresentação visual

Mais conteúdo relacionado

Mais procurados

Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
Deisi Motter
 

Mais procurados (20)

02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Linguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das CoresLinguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das Cores
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Tipografía en el diseño gráfico
Tipografía en el diseño gráficoTipografía en el diseño gráfico
Tipografía en el diseño gráfico
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Et Perspectiva Com 2 Letras Cavaleira
Et Perspectiva Com 2 Letras CavaleiraEt Perspectiva Com 2 Letras Cavaleira
Et Perspectiva Com 2 Letras Cavaleira
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Aula 05 linguagem visual
Aula 05   linguagem visualAula 05   linguagem visual
Aula 05 linguagem visual
 
Tipografía
TipografíaTipografía
Tipografía
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Impressão
ImpressãoImpressão
Impressão
 
Expressão e composição da forma
Expressão e composição da formaExpressão e composição da forma
Expressão e composição da forma
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Conceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e PlanoConceito de Ponto, Linha e Plano
Conceito de Ponto, Linha e Plano
 

Destaque

Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1
profclaubordin
 
ComGraf Acabamentos 2014.1
ComGraf   Acabamentos 2014.1ComGraf   Acabamentos 2014.1
ComGraf Acabamentos 2014.1
diogomaduell
 
Exercício AllType 2014.1
Exercício AllType 2014.1Exercício AllType 2014.1
Exercício AllType 2014.1
diogomaduell
 
Dicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPEDicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPE
Wunderman
 
Produzindo imagens
Produzindo imagensProduzindo imagens
Produzindo imagens
diogomaduell
 
RGB vs CMYK & Pantone
RGB vs CMYK & PantoneRGB vs CMYK & Pantone
RGB vs CMYK & Pantone
diogomaduell
 
Aula 01 design gráfico na publicidade tipologia
Aula 01   design gráfico na publicidade tipologiaAula 01   design gráfico na publicidade tipologia
Aula 01 design gráfico na publicidade tipologia
Elizeu Nascimento Silva
 

Destaque (20)

[Short talk] o poder das APIs - rest, json e além
[Short talk] o poder das APIs - rest, json e além[Short talk] o poder das APIs - rest, json e além
[Short talk] o poder das APIs - rest, json e além
 
PowerPoint da Tipografia
PowerPoint da TipografiaPowerPoint da Tipografia
PowerPoint da Tipografia
 
Tipografia & História
Tipografia & HistóriaTipografia & História
Tipografia & História
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1
 
ComGraf Acabamentos 2014.1
ComGraf   Acabamentos 2014.1ComGraf   Acabamentos 2014.1
ComGraf Acabamentos 2014.1
 
Exercício AllType 2014.1
Exercício AllType 2014.1Exercício AllType 2014.1
Exercício AllType 2014.1
 
Aula Tipografia > Com. Gráfica
Aula Tipografia > Com. GráficaAula Tipografia > Com. Gráfica
Aula Tipografia > Com. Gráfica
 
Aula 02 - Gestalt
Aula 02  - GestaltAula 02  - Gestalt
Aula 02 - Gestalt
 
Dicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPEDicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPE
 
Produzindo imagens
Produzindo imagensProduzindo imagens
Produzindo imagens
 
Tipografia
TipografiaTipografia
Tipografia
 
RGB vs CMYK & Pantone
RGB vs CMYK & PantoneRGB vs CMYK & Pantone
RGB vs CMYK & Pantone
 
ALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na PublicidadeALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na Publicidade
 
Produção editorial tipologia
Produção editorial tipologiaProdução editorial tipologia
Produção editorial tipologia
 
Tipografía slideshare
Tipografía slideshareTipografía slideshare
Tipografía slideshare
 
Aula 3 > Gestalt > Análise de Anùncios
Aula 3 >  Gestalt > Análise de Anùncios Aula 3 >  Gestalt > Análise de Anùncios
Aula 3 > Gestalt > Análise de Anùncios
 
Aula 01 design gráfico na publicidade tipologia
Aula 01   design gráfico na publicidade tipologiaAula 01   design gráfico na publicidade tipologia
Aula 01 design gráfico na publicidade tipologia
 
Tipografia
TipografiaTipografia
Tipografia
 
Aula de infograficos 2014.1
Aula de infograficos 2014.1Aula de infograficos 2014.1
Aula de infograficos 2014.1
 
Tipologia
TipologiaTipologia
Tipologia
 

Mais de profclaubordin

05 briefing problema_cases
05 briefing problema_cases05 briefing problema_cases
05 briefing problema_cases
profclaubordin
 
Tipografia - Olhar ao redor
Tipografia - Olhar ao redorTipografia - Olhar ao redor
Tipografia - Olhar ao redor
profclaubordin
 
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
profclaubordin
 
03 orientacoes obraliteraria
03 orientacoes obraliteraria03 orientacoes obraliteraria
03 orientacoes obraliteraria
profclaubordin
 

Mais de profclaubordin (20)

Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016
 
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
 
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
 
Metodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex LibrisMetodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex Libris
 
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
 

Último

ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
azulassessoria9
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
azulassessoria9
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
rfmbrandao
 

Último (20)

Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptxSlides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
Slides Lição 6, Betel, Ordenança para uma vida de obediência e submissão.pptx
 
Falando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introdFalando de Física Quântica apresentação introd
Falando de Física Quântica apresentação introd
 
O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.O que é arte. Definição de arte. História da arte.
O que é arte. Definição de arte. História da arte.
 
6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx6ano variação linguística ensino fundamental.pptx
6ano variação linguística ensino fundamental.pptx
 
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptxMonoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
Monoteísmo, Politeísmo, Panteísmo 7 ANO2.pptx
 
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM  POLÍGON...
Polígonos, Diagonais de um Polígono, SOMA DOS ANGULOS INTERNOS DE UM POLÍGON...
 
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...E a chuva ...  (Livro pedagógico para ser usado na educação infantil e trabal...
E a chuva ... (Livro pedagógico para ser usado na educação infantil e trabal...
 
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 3 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)Sopa de letras | Dia da Europa 2024 (nível 1)
Sopa de letras | Dia da Europa 2024 (nível 1)
 
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
ATIVIDADE 2 - DESENVOLVIMENTO E APRENDIZAGEM MOTORA - 52_2024
 
Aula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .pptAula 1 - Psicologia Cognitiva, aula .ppt
Aula 1 - Psicologia Cognitiva, aula .ppt
 
M0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptxM0 Atendimento – Definição, Importância .pptx
M0 Atendimento – Definição, Importância .pptx
 
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
O estudo do controle motor nada mais é do que o estudo da natureza do movimen...
 
Questões de Língua Portuguesa - gincana da LP
Questões de Língua Portuguesa - gincana da LPQuestões de Língua Portuguesa - gincana da LP
Questões de Língua Portuguesa - gincana da LP
 
Sistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturasSistema articular aula 4 (1).pdf articulações e junturas
Sistema articular aula 4 (1).pdf articulações e junturas
 
Quiz | Dia da Europa 2024 (comemoração)
Quiz | Dia da Europa 2024  (comemoração)Quiz | Dia da Europa 2024  (comemoração)
Quiz | Dia da Europa 2024 (comemoração)
 
Educação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptxEducação Financeira - Cartão de crédito665933.pptx
Educação Financeira - Cartão de crédito665933.pptx
 
Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)Sopa de letras | Dia da Europa 2024 (nível 2)
Sopa de letras | Dia da Europa 2024 (nível 2)
 
Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024Historia de Portugal - Quarto Ano - 2024
Historia de Portugal - Quarto Ano - 2024
 
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdfMESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
MESTRES DA CULTURA DE ASSARÉ Prof. Francisco Leite.pdf
 

Introdução a Tipografia

  • 1. Tecnologias Digitais para Claudia Bordin projeto Rodrigues 2o.Sem 2012 UTFPR gráfico Introdução a Tipografia MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
  • 2. 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 2 dos diversos tipos que temos hoje. Com suas palavras, explique como esses elementos conectaram-se através da história. 1 Responder no Blog
  • 3. 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.
  • 4. escrita processo gravação/registro/impressão tecnologia estilo sociedade e cultura
  • 6. 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.
  • 7. Cuneiforme Sistema de escrita Foto: Claudia Bordin Rodrgues | Museu do Louvre
  • 8. Cuneiforme Abstração dos sinais e marcação bem aberta, em forma de cunhas. Posterior representação do som da fala.
  • 9. Hieróglifos Sistema de escrita Foto: Claudia Bordin Rodrgues | Museu do Vaticano
  • 10. Foto: Claudia Bordin Rodrgues | Museu do Vaticano
  • 11. Foto: Claudia Bordin Rodrgues | Museu do Vaticano
  • 12. 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.
  • 14. Alfabeto Escrita Fonética Gregos (adapt. Fenícios - Alef /Bet ) Criação do Latim
  • 16. Romano Foto: Claudia Bordin Rodrgues | Foro Romano
  • 17. Romano Foto: Claudia Bordin Rodrgues | Museu do Vaticano
  • 18. A Fonte: CAGLIARI. A origem das letras do alfabeto.
  • 19. Q Fonte: CAGLIARI. A origem das letras do alfabeto.
  • 21. Post para o Blog Qual a história dessas fontes? Romanas (Trajan e Rústica) Pós romanas (Carolingeas, Semi Unciais) Insulares (Saxônicas) Góticas (Proto-góticas, Lombardicas, Fraktur) Renascentistas (Humanistas, Itálicas, Cancelleresca, Rotunda) Barrocas (Copperplate, Floreios) Modernas (Neuland, Brush, Open Romana) Em grupo - Imagens, texto e links, com referências
  • 22. papel + Essa é a história do tinta + tipos
  • 23. Bi Sheng, 1041-1048 Tipos móveis http://history.cultural-china.com/en/50History6061.html
  • 24. Wooden movable-type printing of China http://www.youtube.com/watch?v=SzHXXF0YLS8
  • 25. 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
  • 26. The Story of the Gutenberg Bible by Mary Katherine May http://www.youtube.com/watch?v=iQHDjlZF_gY
  • 27. 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 reordenados. http://en.wikipedia.org/wiki/File:Handtiegelpresse_von_1811.jpg
  • 28.
  • 29. 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
  • 31. 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
  • 33. O que é uma Type Foundry http://en.wikipedia.org/wiki/Type_foundry ?
  • 35.
  • 37. Mackenzie & Harrys Type foundry http://www.youtube.com/watch?v=_4q5C8Kgn4g&list=PLDC8357E1D1DE2FC2
  • 38. 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.
  • 39. 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
  • 40. Post para o Blog Vire fã de uma typefoundry! Pesquisar uma fundidora de tipos tradicional/ contemporânea e fazer uma pesquisa sobre suas criações e criadores. Virar expert (de curto prazo) nas características do trabalho da fundidora. Individual - Imagens, texto e links, com referências
  • 41. Post para o Blog 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
  • 42. Individual | Com apresentação visual