SlideShare uma empresa Scribd logo

Tipografia | Aula 01 | Historia e Anatomia tipografica.

1 de 42
Baixar para ler offline
| lin h a d o te m p o
| cla ssific a ç ã o
| tip ó g ra fo s  ty p e d e sig n e rs
| le tra
| te x to
| e xe rcício s
4 Professor Fabio Silveira | Projeto Tipográfico
tipografia4
O trabalho Aulas_Tipografia do Professor Fabio Silveira foi licenciado com uma Licença Creative Commons - Atribuição-
NãoComercial-CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbito desta
licença em fabio.designerbr@gmail.com. Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens neste
documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
Tipografia 4 Professor Fabio Silveira
26000 a 4000 a.c | história
pictogramas
Figuras ou símbolos que
representam um objeto como
forma de comunicação.
Ideogramas
Representação de ideias e formas
abstratas (dia, Luz, claridade, etc)
Tipografia 4 Professor Fabio Silveira
33000 / 1300 a.c | história
Sumérios
Escrita cuneiforme
(objetos em formato de cunha).
600 símbolos
Fenícios
Primeiro Sistema alfabético,
com 22 símbolos.
Tipografia 4 Professor Fabio Silveira
4900 / 400 a.c | história
Gregos
Baseados no alfabeto dos
Fenícios, os gregos criaram
um sistema completo de
alfabetos, com consoantes
e vogais, contruído com
formas geométricas
Etruscos (Itália, região da Toscana)
Baseado no alfabeto grego,
tinha 20 letras,
sendo 16 consoantes
e 4 vogais.
Tipografia 4 Professor Fabio Silveira
5SEc. I a IV | história
Capitulares
Quadradas
Romanas
23 letras adaptadas
a partir do alfabeto etrusco.
— Formas geométricas
— terminações serifadas
Coluna de Trajano. Inscrição Augustana. FInal do Sec. I
Tipografia 4 Professor Fabio Silveira
6SEc. I a IV | história
Capitais rústicas
(romana script)
Feitas com caneta sobre
o papyrus, é a versão
caligráfica e condensada da
capitular quadrada romana.

Mais conteúdo relacionado

Mais procurados

Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialGabriel Ferraciolli
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográficaguest788d5c4
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do GridLuiz Agner
 
Projeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosProjeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosGuilherme Carvalho
 
Fichamento - Uma introdução a história do design
Fichamento - Uma introdução a história do designFichamento - Uma introdução a história do design
Fichamento - Uma introdução a história do designVinicius Gomes
 
Aula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - EncadernaçãoAula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - EncadernaçãoGabriel Ferraciolli
 
Psicologia das Cores no Design
Psicologia das Cores no DesignPsicologia das Cores no Design
Psicologia das Cores no DesignRenato Melo
 
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áficonfeio
 

Mais procurados (20)

Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do Grid
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Grid
GridGrid
Grid
 
Tipografia
TipografiaTipografia
Tipografia
 
Diagramação
DiagramaçãoDiagramação
Diagramação
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Projeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosProjeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticos
 
Fichamento - Uma introdução a história do design
Fichamento - Uma introdução a história do designFichamento - Uma introdução a história do design
Fichamento - Uma introdução a história do design
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
DiagramaçãO Jornal Standart
DiagramaçãO Jornal StandartDiagramaçãO Jornal Standart
DiagramaçãO Jornal Standart
 
Aula 01 história do design gráfico
Aula 01   história do design gráficoAula 01   história do design gráfico
Aula 01 história do design gráfico
 
Aula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - EncadernaçãoAula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - Encadernação
 
Psicologia das Cores no Design
Psicologia das Cores no DesignPsicologia das Cores no Design
Psicologia das Cores no Design
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
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
 

Semelhante a Tipografia | Aula 01 | Historia e Anatomia tipografica.

Semelhante a Tipografia | Aula 01 | Historia e Anatomia tipografica. (10)

Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 
Aula 04 linguagem visual
Aula 04   linguagem visualAula 04   linguagem visual
Aula 04 linguagem visual
 
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
 
Tipografia Aula
Tipografia AulaTipografia Aula
Tipografia Aula
 
Tipografia
TipografiaTipografia
Tipografia
 
Linha dotempo alfabetizacaoleituraescrita
Linha dotempo alfabetizacaoleituraescritaLinha dotempo alfabetizacaoleituraescrita
Linha dotempo alfabetizacaoleituraescrita
 
O estilo tipográfico internacional
O estilo tipográfico internacionalO estilo tipográfico internacional
O estilo tipográfico internacional
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Tipografia no Design Impresso
Tipografia no Design ImpressoTipografia no Design Impresso
Tipografia no Design Impresso
 

Mais de Fabio Silveira: Designer | Professor

Mais de Fabio Silveira: Designer | Professor (20)

Projeto graficoi II aula04
Projeto graficoi II aula04Projeto graficoi II aula04
Projeto graficoi II aula04
 
Projeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSPProjeto Grafico II – aula03 IEDSP
Projeto Grafico II – aula03 IEDSP
 
Projeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SPProjeto grafico II – aula 2 IED SP
Projeto grafico II – aula 2 IED SP
 
Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019Projeto Interdisciplinar IED SP 2019
Projeto Interdisciplinar IED SP 2019
 
Projeto Grafico V 2018
Projeto Grafico V 2018Projeto Grafico V 2018
Projeto Grafico V 2018
 
Aula Naming
Aula NamingAula Naming
Aula Naming
 
Projeto grafico II | Aula 02
Projeto grafico II | Aula 02Projeto grafico II | Aula 02
Projeto grafico II | Aula 02
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
 
Apres pos edit_ied_comite
Apres pos edit_ied_comiteApres pos edit_ied_comite
Apres pos edit_ied_comite
 
Design Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São PauloDesign Thinking – Coolhunting IED São Paulo
Design Thinking – Coolhunting IED São Paulo
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
Pos editorial infografia_2016
Pos editorial infografia_2016Pos editorial infografia_2016
Pos editorial infografia_2016
 
MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015MANUAL do PROJETO INTEGRADO 2015
MANUAL do PROJETO INTEGRADO 2015
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.Liguagem Visual II . aula 4.
Liguagem Visual II . aula 4.
 
Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2Aula IED SP Criatividade Aula 2
Aula IED SP Criatividade Aula 2
 
Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01Aula IED SP criatividade Aula 01
Aula IED SP criatividade Aula 01
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
 

Último

4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...
4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...
4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...Unicesumar
 
A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...
A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...
A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...AaAssessoriadll
 
Considerando esse trecho, analise a imagem abaixo e responda de formas simple...
Considerando esse trecho, analise a imagem abaixo e responda de formas simple...Considerando esse trecho, analise a imagem abaixo e responda de formas simple...
Considerando esse trecho, analise a imagem abaixo e responda de formas simple...Unicesumar
 
b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...
b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...
b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...Unicesumar
 
ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024
ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024
ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024taynaradl79
 
Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...
Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...
Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...assedlmoi
 
- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...
- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...
- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...Unicesumar
 
De acordo com as situações apresentadas abaixo, leia com atenção responda o q...
De acordo com as situações apresentadas abaixo, leia com atenção responda o q...De acordo com as situações apresentadas abaixo, leia com atenção responda o q...
De acordo com as situações apresentadas abaixo, leia com atenção responda o q...AcademiaDlassessoria
 
ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024
ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024
ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024AcademiaDlassessoria
 
As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...
As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...
As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...AcademicaDlaUnicesum
 
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...AcademicaDlaUnicesum
 
MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024
MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024
MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024AcademiaDL
 
Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...
Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...
Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...Unicesumar
 
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...AcademicaDlaUnicesum
 
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...AcademiaDL
 
MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024
MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024
MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024lidiaamorimdl
 
Explique, utilizando o conceito de margem de contribuição contábil, como essa...
Explique, utilizando o conceito de margem de contribuição contábil, como essa...Explique, utilizando o conceito de margem de contribuição contábil, como essa...
Explique, utilizando o conceito de margem de contribuição contábil, como essa...Unicesumar
 
ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024
ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024
ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024dlkauana81
 
MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024
MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024
MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024miladlasse
 
O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...
O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...
O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...marcosjunior010367
 

Último (20)

4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...
4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...
4. Descreva como a empresa funciona e de que maneira a teoria da ORT é observ...
 
A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...
A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...
A atividade proposta corresponde a Atividade de Estudo 1 UM BREVE RESUMO SOBR...
 
Considerando esse trecho, analise a imagem abaixo e responda de formas simple...
Considerando esse trecho, analise a imagem abaixo e responda de formas simple...Considerando esse trecho, analise a imagem abaixo e responda de formas simple...
Considerando esse trecho, analise a imagem abaixo e responda de formas simple...
 
b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...
b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...
b. Descreva os quatro tipos de força muscular apresentados na disciplina (for...
 
ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024
ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024
ATIVIDADE 1 - PRÁTICA PEDAGÓGICA: SABERES DIGITAIS - 51/2024
 
Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...
Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...
Análise de Cadeia de Suprimentos - Estudo de Caso O objetivo desta atividade ...
 
- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...
- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...
- Compreender o que são artes marciais. - Experienciar técnicas básicas de lu...
 
De acordo com as situações apresentadas abaixo, leia com atenção responda o q...
De acordo com as situações apresentadas abaixo, leia com atenção responda o q...De acordo com as situações apresentadas abaixo, leia com atenção responda o q...
De acordo com as situações apresentadas abaixo, leia com atenção responda o q...
 
ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024
ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024
ATIVIDADE 1 - PED - TEORIA E PRÁTICA NA EDUCAÇÃO DE JOVENS E ADULTOS - 51/2024
 
As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...
As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...
As plataformas digitais, como o Book Creator e o Canva, abrem novas possibili...
 
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
 
MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024
MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024
MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024MAPA - ADM - CIÊNCIAS SOCIAIS- 51/2024
 
Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...
Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...
Todo ser vivo gasta energia a todo o momento para manter as diversas atividad...
 
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
 
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...A prescrição de exercícios físicos deve ser realizada de forma correta e base...
A prescrição de exercícios físicos deve ser realizada de forma correta e base...
 
MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024
MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024
MAPA - LOG - GESTÃO DA CADEIA DE SUPRIMENTOS- 51/2024
 
Explique, utilizando o conceito de margem de contribuição contábil, como essa...
Explique, utilizando o conceito de margem de contribuição contábil, como essa...Explique, utilizando o conceito de margem de contribuição contábil, como essa...
Explique, utilizando o conceito de margem de contribuição contábil, como essa...
 
ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024
ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024
ATIVIDADE 1 - BEDU - MUSCULAÇÃO E EXERCÍCIOS RESISTIDOS - 51/2024
 
MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024
MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024
MAPA - BEDU - BIOLOGIA E BIOQUÍMICA HUMANA - 51/2024
 
O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...
O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...
O ATP (Adenosina Tri-fosfato) é descrito como uma “moeda energética”, por ser...
 

Tipografia | Aula 01 | Historia e Anatomia tipografica.

  • 1. | lin h a d o te m p o | cla ssific a ç ã o | tip ó g ra fo s ty p e d e sig n e rs | le tra | te x to | e xe rcício s 4 Professor Fabio Silveira | Projeto Tipográfico tipografia4 O trabalho Aulas_Tipografia do Professor Fabio Silveira foi licenciado com uma Licença Creative Commons - Atribuição- NãoComercial-CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbito desta licença em fabio.designerbr@gmail.com. Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens neste documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
  • 2. Tipografia 4 Professor Fabio Silveira 26000 a 4000 a.c | história pictogramas Figuras ou símbolos que representam um objeto como forma de comunicação. Ideogramas Representação de ideias e formas abstratas (dia, Luz, claridade, etc)
  • 3. Tipografia 4 Professor Fabio Silveira 33000 / 1300 a.c | história Sumérios Escrita cuneiforme (objetos em formato de cunha). 600 símbolos Fenícios Primeiro Sistema alfabético, com 22 símbolos.
  • 4. Tipografia 4 Professor Fabio Silveira 4900 / 400 a.c | história Gregos Baseados no alfabeto dos Fenícios, os gregos criaram um sistema completo de alfabetos, com consoantes e vogais, contruído com formas geométricas Etruscos (Itália, região da Toscana) Baseado no alfabeto grego, tinha 20 letras, sendo 16 consoantes e 4 vogais.
  • 5. Tipografia 4 Professor Fabio Silveira 5SEc. I a IV | história Capitulares Quadradas Romanas 23 letras adaptadas a partir do alfabeto etrusco. — Formas geométricas — terminações serifadas Coluna de Trajano. Inscrição Augustana. FInal do Sec. I
  • 6. Tipografia 4 Professor Fabio Silveira 6SEc. I a IV | história Capitais rústicas (romana script) Feitas com caneta sobre o papyrus, é a versão caligráfica e condensada da capitular quadrada romana.
  • 7. Tipografia 4 Professor Fabio Silveira 7SEc. I a IV | história Uncial Script Usadas pelos escribas em textos sagrados da igreja. Economia do papiro e as formas amplas das unciais são mais legíveis em tamanos menores.
  • 8. Tipografia 4 Professor Fabio Silveira 8SEc. I a IV | história Semi Uncial Script Introdução de caixa baixa caligráfica. formalização da escrita cursiva. Surgimento oficial da caixa-baixa. Carlos Magno. determina a padronização dos textos eclesiáticos.
  • 9. Tipografia 4 Professor Fabio Silveira 9SEc. VIII a XI | história Carolíngias Consolidação dos caracteres em caixa baixa. De 796 a 804 sobre a supervisão do abade de São Martinho de Tours um grande número de monges transcreveram praticamente todos os textos eclesiásticos fixando um padrão da caligrafia na utilização da caixa-alta e caixa-baixa, capitulares e sinais de pontuação durante um século.
  • 10. Tipografia 4 Professor Fabio Silveira 10SEc. XIV | história Blackletter Deesenhada pelos escribas da Idade Média tinha a função de aproveitar melhor o espaço na página — Escura — Condensada — Angular
  • 11. tipografia | Clássico / Old Style : Johann Gutemberg inventa o tipo móvel. »1455 Gutenberg imprime a bíblia de 42 linhas 1465 Sweynheym e Panartz criam o primeiro projeto tipográfico na Itália *1490 Claude Garamond *1450 Francesco Griffo 1450 60 70 80 90 10 20 30 40 50 60 70 80 90 10 20 30 40 50 60 70 80 90 10 1500 1600 1700 †1518 Francesco Griffo Francesco Griffo cria a primeira fonte itálica baseada numa caligrafia †1561 Claude Garamond *1580 Jean Jannon †1658 Jean Jannon *1606 Christoffel van Dijck †1669 Christoffel van Dijck 1606 * William Caslon Romana de Griffo: Fragmento da impressão da obra De Ætna do cardeal Bembo. clássico /oldstyle transitório m oderno bauhaus/suiços contem porâneos * nascim e nto † fale cim e nto tip óg rafos Design Editorial 4 Professor Fabio Silveira 11
  • 12. ^ Claude Garamond, 1530; Foi o mais elegante Tipografo de toda a Renascença. > Tipos móveis > Página de um exemplar da Bíblia de 42 linhas, o primeiro livro europeu impresso por processo industrial, na oficina de Gutenberg em Mainz. Garamond | Tipógrafo Design Editorial 4 Professor Fabio Silveira 12
  • 13. tipos móveis | história Design Editorial 4 Professor Fabio Silveira 13
  • 14. »1702 Philipe Grandjean cria Romain du Roi, a primeira fonte transitório do séc. XVIII 1716 - 1728 William Caslon cria a fonte Old Style que foi o modelo adotado até os dias de hoje. 1700 *1706 John Baskerville †1775 John Baskerville 10 20 30 40 50 60 70 80 90 10 20 30 40 50 1800 † 1716 - 1728 William Caslon Tipografia | Transitório / Moderno 1716 - 1728 Baskerville, concorrente direto de Caslon, cria seu alfabeto transitório. * 1606 Giambattista Bodoni †1813 Giambattista Bodoni 1791 Bodoni cria o revolucionário Estilo Moderno de fontes 1784 Francois Ambroise Didot cria a pimeira fonte da era moderna 1796 Aloys Senefelder Inveta a Litografia 1816 Wiliam Caslon IV projeta a primeira fonte semi-serifada [san serif] 1799 Nicholas - Louis Robert inventa a maquina de papel 1845 Robert Besley projeta a primeira fonte Claredon 1815 Vincent Figgins projeta a primeira fonte slab [serifa quadrada] Design Editorial 4 Professor Fabio Silveira 14
  • 15. Caslon | Tipógrafo Design Editorial 4 Professor Fabio Silveira 15
  • 16. Baskerville • Bodoni | Tipógrafos Design Editorial 4 Professor Fabio Silveira 16
  • 17. Bodoni | Tipógrafos Design Editorial 4 Professor Fabio Silveira 17 Giambattista Bodoni — Composição — Rigorosidade e Limpeza
  • 18. 1850 *1878 Paul Renner 60 70 80 90 10 20 30 40 60 70 80 90 00 Tipografia | Bauhaus /Tipos Suiços / Contemporâneo 1900 50 2000 *1882 Eric Gill 1928 Eric Gill / Gill Sans †1947 Eric Gill †1956 Paul Renner 1930 Futura *1928 Adrian Frutiger 1957 Univers *1949 Max Miedinger 1957 Helvética †1980 Max Miedinger 1976 Frutiger *1937 Mathew Carter 1928 Die Neue Typographie *1985 Adobe introduz o formato Postscript *1902 Jan Tschichold †1974 Jan Tschichold 1994 Verdana e Georgia Design Editorial 4 Professor Fabio Silveira 18
  • 19. Tipografia | Bauhaus /Tipos Suiços / Contemporâneo 19 Tipografia Display — Revolução Industrial — Jornais, Revistas e Panfletos — Efeitos Tridimensionais — Função Decorativa
  • 20. bauhaus | simplicidade da forma 20
  • 21. adrian frutiger | Tipógrafo Design Editorial 4 Professor Fabio Silveira 21
  • 22. tipógrafos | Tipógrafos, typedesigners... designers Stanley Morison 22 Times new roman 1932. Jornal Londrino Times Marcou o fim do uso da Blackletter Design Editorial 4 Professor Fabio Silveira
  • 23. tipógrafos | Tipógrafos, typedesigners... designers Paul Renner 23 Futura 1928 Design Editorial 4 Professor Fabio Silveira
  • 24. tipógrafos | Tipógrafos, typedesigners... designers Paul Renner Matew carter Eric Gill Erik Spiekermann Otl Aicher Design Editorial 4 Professor Fabio Silveira 24
  • 25. anos 80 | história 25 Tipografia Digital Design Editorial 4 Professor Fabio Silveira
  • 26. anos 90 | história 26 Design Editorial 4 Professor Fabio Silveira Expe- rimen- tação
  • 27. tipografos | alguns deles... Hans Eduard Meier • Emil Ruder • Max Bill • Josef Müller- Brockmann•HansRudolfBosshard•MaxCaflisch•JosefAlbers • Herbert Bayer • Moholy-Nagy • Paula Scher • Ellen Lupton • Wim Crouwell • Rudy VanderLans • David Carson • Emil Ruder • J. Müller-Brockmann • Wolfgang Weingart • Gabriel Martínez Meave • Edward Johnston • Stanley Morison • Jan van Krimpen • Rudolf Koch • Karl Klingspor • W.A. Dwiggins • Aldo Novarese • Saul Bass • Heinrich Jost • Ed Benguiat • Oswald Bruce Cooper • WimCrouwel•MiguelDeslandes•PabloFerro•DanielGauthier• FrancescoGriffo•KarlgeorgHoefer•AlistairJohnson•Frank Jonen•RayLarabie•ZuzanaLicko•HaroldLohner•TonyMalone• JohnMarsh•StanleyMorison•AldoNovarese•PhyllisPearsall• BruceRogers•BertholdWolpe•HermannZapf•PietZwart•Dirk voskens•Cristoffelvandjick•jeffreykeedy•jonathanhoefler •nevillebrody•summerstone• crystiancruz•tonydemarco• burritosdobrasil•claudiorocha•gutolacaz•tiposdoacaso Design Editorial 4 Professor Fabio Silveira 27
  • 28. | cla ssific a ç ã o | a n a to m ia tip o g rá fic a | tip o s p a ra te la | ke rn in g e tra c k in g | lig a tu ra 4 Professor Fabio Silveira | Projeto Tipográfico anatomia tipográfica 4 O trabalho Aulas_Tipografia do Professor Fabio Silveira foi licenciado com uma Licença Creative Commons - Atribuição- NãoComercial-CompartilhaIgual 3.0 Não Adaptada. Podem estar disponíveis autorizações adicionais ao âmbito desta licença em fabio.designerbr@gmail.com. Este é um trabalho destinado ao âmbito acadêmico. O uso das imagens neste documento servem apenas para ilustrar os exemplos dos conceitos e tecnicas apresentadas em sala de aula.
  • 29. Tipografia | Classificação com serifa e sem serifa A primeira e mais simples das classificacões, é conhecidas por muitos leigos mas esta forma não explica a origem dos alfabetos que utilizamos. srfsrfHumanistas São originários dos primeiros tipos romanos aparecidos na Itália [1460-1470]. Alfabetos venezianos. Italian Old Style, Jenson, Lutetia, Verona, Stempel Schneider Old Style/Estilo Antigo Variação das fontes humanistas com modificações nas cx.a e cx.b. Garamond, Goudy, Palatino, Platin e Sabon Transicionais Classificação cuja base era precisa projetado para a imprensa Real Francesa. Baskerville, Bookman, Quadriga Antiqua, Stone Serif, Zapf International Design Editorial 4 Professor Fabio Silveira 29
  • 30. Tipografia | Classificação Modernos A elegância dos tipos e precisão tidos como grande nome Giambattista Bodoni. Bell, Bodoni, Didot, Fenice, Walbaun. Slab serif Definidas pelo próprio nome. Aachen, American Typewriter, Claredon, Lubalin Graphs, Menphis sem serifa Só apareceu no século XIX, produzido pela fundidora Caslon. William Thorowgood produz a Grotesque, raiz de todas os tipos bastões. Arial, Eurostile, Frankiln, Gill Sans, Helvética, Kabel, Optima, Univers Design Editorial 4 Professor Fabio Silveira 30
  • 31. Tipografia | Classificação Displays Alfabetos sem origens antigas, desenhados com uma falsa ou curta serifa, inclassificável em serifadas ou não serifados ou mesmo modernos. Cooperplate, Belwe, Bauhaus, Broadway, Novarese, Poster bodoni, Zapf Chancerry. Classificação Norte americana Old Style: Veneziano [Bauer text], Aldino [Bembo, Garamond, Holandês [Caslon, Platin] e Revival [Benguiat, Cooper black] Tradicionais: [Americana, Zapf internacional] Moderno: Didone [Bodoni, Didot], Séc. XX [Centennial, Fenice] Clarendon: Séc XIX [Bookman], Neo Clarendon [Cheltman, Clarendon [Clarion, Corona] Slab Serif: [Lublain Graf] Glíficos: [Friz Quadrata, Novarese] Sem serifa: Grotesque [Franklin Gothic], Neo Grotesque [Helvética, Univers], Geométrico [Futura, Kabel], Humanístico [Frutiger, Gill Sans], Quadrada [Eurostile] Scripts: [Mistral, Snell Roundhand] Gráficos: [American typewriter, Peignot] Design Editorial 4 Professor Fabio Silveira 31
  • 32. Tipografia 4 Professor Fabio Silveira 32Tipografia | anatomia do tipo Ausência de eixo futura eixo racionalista [vertical] garamondtimes eixo humanista [inclinação da escrita] Hpxefgficauda ligatura Altura de x orelha bojo ascendente terminação serifa Olho aberto [counter] Altura da cx. a. Haste vertical Haste horizontal descendente Olho fechado [counter] contraste
  • 33. Tipografia 4 Professor Fabio Silveira 33Tipografia | Ajustes ópticos Fontes de tela A suavização, que usa tons de cinza para criar a ilusão de contornos curvos, é eficaz para a reprodução de textos na tela em tamanhos grandes. Em tamanhos menores, no entanto, tesses textos parecem desfocados. Muitos designers (e leitores) preferem usar fontes de pixels neste caso LETRA SUAVIZADA [ANTI-ALIASING] LETRA BITMAP A Helvética, criada na Suiça em 1957, é uma das fontes mais famosas do mundo, foi projetada para impressão embora seja utilizada como fonte-padrão de muitos computadores. A Verdana é uma fonte sem serifa projetada por Mathew Carter especialmente para a tela. Sua construção possui uma altura de X maior, curvas mais simples e formas mais abertas qe a Helvética Criada para o jornal londrino, a Times Roman também é muito popular. É a fonte padrão de muitos sites mas foi projetada para o meio impresso. A Georgia é uma fonte serifada de tela projetada com curvas simples, formas abertas e espacejamento generoso. impresso x tela
  • 34. Tipografia 4 Professor Fabio Silveira 34Tipografia | anatomia do tipo altura das maiúsculas (Cap-height, inglês; Versalhöhe, alemão). Altura da letra maiúscula X. Esta altura, indicada em pontos, é a medida da distância da linha base até ao topo de um caractere com o M, T, U, W, X, Z, etc. altura-x (x-height, inglês). Altura da letra minúscula x, usada para caracterizar um parâmetro essencial: a altura das letras minúsculas, em comparação com a altura das maiúsculas. Quanto maior for a altura-x, maiores serão as letras minúsculas relativamente às maiúsculas. XEH xeh Caps X x height
  • 35. Tipografia 4 Professor Fabio Silveira 35Tipografia | anatomia do tipo ascendente [Tip] A parte das letras minúsculas que se prolonga acima da altura-x. Ascendentes têm as letras d, b, d, f, h, k, l, t. A linha dos ascendentes (que define a altura máxi­ma dos ascendentes) pode ser um pouco mais baixa que a linha de altura das maiúsculas; este recurso micro-tipográfico melhora a legibilidade da fonte e tem sido usado por numerosos typeface designers. Corpo Expressão utilizada para designar o tamanho das letras, tendo o ponto como unidade de medida. Um alfabeto em corpo 12, tem 12 pontos de altura. hdk pqj ascendente descendente 12 pt H
  • 36. título | história Tipografia 4 Professor Fabio Silveira 36Tipografia | anatomia do tipo cauda, perna (tail, inglês) Apêndice do corpo de algumas letras (g, j, J, K, Q, R) que fica abaixo da linha de base. Nas letras K e R também pode ser chamado «perna». diacríticos [Tip] (diacritic signs, inglês, diakritische Zeichen, alemão). Sinais, pontos e traços que se acrescentam a um caractere para alterar a fonética. Por exemplo: á, à, ã, å, â, ä. gjR çâä cauda
  • 37. título | história Tipografia 4 Professor Fabio Silveira 37Tipografia | anatomia do tipo entreletra (tracking) [Tip] (tracking, inglês; Zeichenabstand, Laufweite, alemão) Espaço entre as letras (e os demais glifos) de um dado corte de uma fonte, com valor prédefinido. Este valor é apropriado para o corte e a largura média dos caracteres. Além deste espaçamento, que é válido para a totalidade dos glifos, os pares de kerning servem para ajustar de forma mais satisfatória certos pares de letras. (Spationieren, Sperren, alemão) O tracking pode ser normal (=default), solto ou apertado. O valor por defeito é um espaçamento pré-ajustado pelo autor da fonte, que tem relação direta com as qualidades estéticas da fonte. avião avião
  • 38. título | história Tipografia 4 Professor Fabio Silveira 38Tipografia | anatomia do tipo haste ou fuste (stem, inglês; fût, francês) O principal traço vertical ou diagonal do glifo («tronco»), elemento essencial de muitas letras minúsculas e maiúsculas. Exemplos: o A, I, o H (que tem dois), o h, e até o y. Um termo mais geral é o traço (stroke). Kerning (Unterschneidung, alemão) Ajustamento individual do espaço entre duas letras, para compensar o excesso ou a escassez de espaço entre as mesmas, derivados do desenho desses caracteres em particular. Não confundir com o tracking. O kerning vem definido em pares de kerning (Kerning pairs). aHI
  • 39. título | história Tipografia 4 Professor Fabio Silveira 39Tipografia | Ajustes ópticos LIGATURAS São letras com conexões, com dois ou mais caracteres, em uma única posição no teclado. As ligaturas podem ser usadas como recurso estilístico de um período. Ms Eaves. Emigre
  • 40. Tipografia | Ajustes ópticos ESPAÇAMENTO ajuste global entre as letras das palavras. Os problemas individuais são tratados com pares de kerning. KERNING A parte de uma letra que avança no espaço da outra. Os caracteres não devem ser vistos como elementos individuais, a definição do espaço é uma questão de percepção PARES DE KERNING Ao lado pares de letras que frequentemente precisam de ajustes óticos de kerning. Os valores e quantidade de kerning em uma fonte dependem das combinações específicas de letras, do tipo de alfabeto, e do espaçamento individual dos caracteres. Ex. HH [possui kerning positivo, aberto], AV [possui kerning negativo, fechado] AVIÃO AVIÃOFRUTIGER. 68 PT. SEM AJUSTE DE ESPACEJAMENTO FRUTIGER. 68 PT. COM AJUSTE Garamond regular e itálico Adobe Garamond regular e itálico Design Editorial 4 Professor Fabio Silveira 40
  • 41. Tipografia | Ajustes ópticos TRACKING Não podemos confundir kerning com tracking, que é o aumento ou diminuição por igual do espaço entre caracteres de uma palavra ou bloco de texto. RECONHECIMENTO UNIVERSAL As diferenças entre os mesmos caracteres de uma fonte sem serifa, por exemplo, traduzem programas modulares de design que harmonizam o conjunto de caracteres da mesma fonte e compõem palavras, linhas páginas equilibradas. Ao lado os caracteres tem variações na altura-de-x, na modulação, no ângulo da terminação superior, na abertura, na junção e na terminação inferior. No exemplo vemos variações na letra a, g com “dois andares” ou simples Gill Sans Helvética Univers 55 Verdana Futura título | história Design Editorial 4 Professor Fabio Silveira 41
  • 42. Tipografia 4 Professor Fabio Silveira 42proposta | família tipográfica I Criar um protótipo de fonte bitmap desenhando letras numa malha quadrada de 1 cm de lado Não será permitido elaborar “falsas curvas” nem traços construtivos diagonais. 1 cmCampo: livre Suporte: Canson A3 Material: papel milimetrado; Canson A3; Caneta de ponta porosa preta