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

Destaque

Exercício AllType 2014.1
Exercício AllType 2014.1Exercício AllType 2014.1
Exercício AllType 2014.1diogomaduell
 
Aula Tipografia > Com. Gráfica
Aula Tipografia > Com. GráficaAula Tipografia > Com. Gráfica
Aula Tipografia > Com. Gráficadiogomaduell
 
Dicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPEDicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPEWunderman
 
Produzindo imagens
Produzindo imagensProduzindo imagens
Produzindo imagensdiogomaduell
 
RGB vs CMYK & Pantone
RGB vs CMYK & PantoneRGB vs CMYK & Pantone
RGB vs CMYK & Pantonediogomaduell
 
ALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na PublicidadeALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na PublicidadeRenato Melo
 
Produção editorial tipologia
Produção editorial tipologiaProdução editorial tipologia
Produção editorial tipologiaBarreto
 
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 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 tipologiaElizeu Nascimento Silva
 
Aula de infograficos 2014.1
Aula de infograficos 2014.1Aula de infograficos 2014.1
Aula de infograficos 2014.1diogomaduell
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e DesignCíntia Dal Bello
 
COMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPECOMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPERenato Melo
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção GráficaRenato Melo
 

Destaque (20)

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
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
COMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPECOMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPE
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção Gráfica
 
TipografíA
TipografíATipografíA
TipografíA
 

Mais de profclaubordin

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

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

análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - DissertaçãoMaiteFerreira4
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....LuizHenriquedeAlmeid6
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...azulassessoria9
 
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOFASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOAulasgravadas3
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreElianeElika
 
VARIEDADES LINGUÍSTICAS - 1. pptx
VARIEDADES        LINGUÍSTICAS - 1. pptxVARIEDADES        LINGUÍSTICAS - 1. pptx
VARIEDADES LINGUÍSTICAS - 1. pptxMarlene Cunhada
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxBeatrizLittig1
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavrasMary Alvarenga
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Ilda Bicacro
 
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxJOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxTainTorres4
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresAnaCarinaKucharski1
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxleandropereira983288
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfprofesfrancleite
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxLuizHenriquedeAlmeid6
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfFernandaMota99
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxferreirapriscilla84
 
PROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdf
PROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdfPROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdf
PROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdfMarianaMoraesMathias
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . pdfAna Lemos
 

Último (20)

análise de redação completa - Dissertação
análise de redação completa - Dissertaçãoanálise de redação completa - Dissertação
análise de redação completa - Dissertação
 
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
Slides Lição 5, Betel, Ordenança para uma vida de vigilância e oração, 2Tr24....
 
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
PROVA - ESTUDO CONTEMPORÂNEO E TRANSVERSAL: LEITURA DE IMAGENS, GRÁFICOS E MA...
 
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃOFASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
FASE 1 MÉTODO LUMA E PONTO. TUDO SOBRE REDAÇÃO
 
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestreCIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
CIÊNCIAS HUMANAS - ENSINO MÉDIO. 2024 2 bimestre
 
VARIEDADES LINGUÍSTICAS - 1. pptx
VARIEDADES        LINGUÍSTICAS - 1. pptxVARIEDADES        LINGUÍSTICAS - 1. pptx
VARIEDADES LINGUÍSTICAS - 1. pptx
 
Mapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docxMapa mental - Classificação dos seres vivos .docx
Mapa mental - Classificação dos seres vivos .docx
 
Bullying, sai pra lá
Bullying,  sai pra láBullying,  sai pra lá
Bullying, sai pra lá
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavras
 
Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"Nós Propomos! " Pinhais limpos, mundo saudável"
Nós Propomos! " Pinhais limpos, mundo saudável"
 
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptxJOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
JOGO FATO OU FAKE - ATIVIDADE LUDICA(1).pptx
 
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos DescritoresATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
ATIVIDADE PARA ENTENDER -Pizzaria dos Descritores
 
CINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULACINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULA
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptx
 
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdfPRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
PRÉDIOS HISTÓRICOS DE ASSARÉ Prof. Francisco Leite.pdf
 
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptxSlides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
Slides Lição 04, Central Gospel, O Tribunal De Cristo, 1Tr24.pptx
 
Aula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdfAula de História Ensino Médio Mesopotâmia.pdf
Aula de História Ensino Médio Mesopotâmia.pdf
 
Discurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptxDiscurso Direto, Indireto e Indireto Livre.pptx
Discurso Direto, Indireto e Indireto Livre.pptx
 
PROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdf
PROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdfPROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdf
PROGRAMA DE AÇÃO 2024 - MARIANA DA SILVA MORAES.pdf
 
A QUATRO MÃOS - MARILDA CASTANHA . pdf
A QUATRO MÃOS  -  MARILDA CASTANHA . pdfA QUATRO MÃOS  -  MARILDA CASTANHA . pdf
A QUATRO MÃOS - MARILDA CASTANHA . 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