UNIDADE3
UNIDADE3
br
INTRODUÇÃO À
TIPOGRAFIA
Me. Joandson Fernandes Campos
INICIAR
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 1/30
12/09/2023, 21:23 Ead.br
introdução
Introdução
A composição de elementos gráficos textuais é, na atualidade, uma tarefa
rotineira, tanto para profissionais do design gráfico quanto para
consumidores em suas atividades domésticas. Esses textos podem se
apresentar de diversas formas em sua estrutura, de acordo com sua função,
uso e público-alvo. Nesse sentido, a tipografia é a ciência e o processo de
criação na composição e impressão de um texto em meio físico ou digital.
Assim como no estudo dos elementos gráficos em geral, o objetivo principal
da tipografia é dar ordem estrutural e forma à comunicação escrita
desenvolvida. Nesta unidade, abordaremos os elementos que compõem os
sistemas de classificação dos estilos tipográficos, o conceito e uma breve
explanação sobre a tipometria e, finalmente, os elementos de diagramação
textual.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 2/30
12/09/2023, 21:23 Ead.br
O Estilo Tipográfico:
Histórico e Conceito
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 3/30
12/09/2023, 21:23 Ead.br
eficiência da tipografia. Composto por 642 páginas, a Bíblia teve uma tiragem
de cerca de 200 exemplares. Com isso, Gutemberg também tornou mais
acessível os livros e a cultura, porque tirou o monopólio dos mosteiros,
feudos ricos e abadias responsáveis pelos manuscritos.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 4/30
12/09/2023, 21:23 Ead.br
1. Sem serifa.
2. Com serifa ou serifada.
3. Cursivas ou manuscritas.
4. Decorativa.
1. Humanistas.
2. Transicionais.
3. Modernas.
4. Egípcias.
5. Sem serifas humanistas.
6. Sem serifas transicionais.
7. Sem serifas geométricas.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 5/30
12/09/2023, 21:23 Ead.br
praticar
Vamos Praticar
Considere a seguinte situação:
a) Contextos históricos.
Feedback: alternativa incorreta , pois o autor não aborda o contexto
histórico no enunciado.
b) Famílias tipográficas.
Feedback: alternativa incorreta , pois, apesar de estar relacionado às
famílias, o grafologista citado indica que as dificuldades estão ligadas aos
elementos que compõem as famílias, no caso, os glifos/signos ou tipos.
c) Glifos/signos.
Feedback: alternativa correta , pois o autor afirma que a dificuldade está
ligada aos elementos que compõem as famílias tipográficas, que são os glifos,
tipos ou signos. Glifos compõem famílias e famílias podem ser organizados
em fontes.
d) Disciplinas humanas.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 6/30
12/09/2023, 21:23 Ead.br
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 7/30
12/09/2023, 21:23 Ead.br
Sistemas de Classificação
Tipográfica: os Tipos
Gráficos e suas
Classificações
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 8/30
12/09/2023, 21:23 Ead.br
Famílias humanistas
Característica: simulam a caligrafia clássica feita a mão e
representam uma parte dos primeiros moldes tipográficos de metal
produzidos na região da Itália e França entre os séculos XV e XVI
(período humanista). Como o nome mostra, é o estilo clássico.
Exemplo: Garamond
Famílias transicionais
Característica: possuem serifas levemente mais finas e planas, com
acabamento pontiagudo. Seu eixo vertical é levemente inclinado e
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 9/30
12/09/2023, 21:23 Ead.br
Famílias modernas
Características: possuem serifas retas e um alto-contraste nas
espessuras das hastes. As fontes seguem um eixo na vertical
limitador bem definido.
Exemplo: Bodoni
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 10/30
12/09/2023, 21:23 Ead.br
saiba mais
Saiba mais
Às vezes, encontramos caracteres em
fontes extremamente bonitas. No entanto,
outra dificuldade tão comum quanto isso é
o fato de não saber o nome e nem como
procurá-la na internet. Contudo, existem
ferramentas específicas que podem auxiliar
no processo de identificação das fontes que
você procura ou opções muito
semelhantes. Sugai (2015) cita três sites que
realizam este tipo de trabalho de forma
gratuita e com opções diversificadas para
que você nunca mais fique em dúvida na
hora de selecionar a fonte adequada para
os seus projetos.
1. Identifont - http://www.identifont.com .
2. What the Font -
https://www.myfonts.com/WhatTheFont .
3. What font is - https://www.whatfontis.com .
Famílias “grotesco”
Características: uma variação das letras mecânicas, no entanto, sem
serifas. São oriundas do final do século XIX.
Exemplo: Calibri
Famílias “gothic”
Características: possuem uma variação na espessura dos seus traços.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 11/30
12/09/2023, 21:23 Ead.br
Famílias humanistas
Características: possuem leve variação no traço e apresentam
características de traços caligráficos. Têm como origem a estrutura
das letras serifadas; no entanto, não possuem serifas.
Exemplo: Candara
Famílias geométricas
Características: usam as formas geométricas básicas para a sua
estruturação e apresentação.
Exemplo: Bauhaus
Famílias transicionais
Características: também conhecidas como ”sem serifas anônimas”,
essas famílias possuem características semelhantes às serifadas
transicionais. Atualmente, são um dos grupos mais populares.
Exemplo: Helvetica Neue
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 12/30
12/09/2023, 21:23 Ead.br
praticar
Vamos Praticar
Apesar da alta diversidade de famílias tipográficas existentes, o sistema brasileiro
para redação de textos acadêmicos por meio das normas da Associação Brasileira
de Normas Técnicas (ABNT) definiu como padrão duas fontes a serem usadas, uma
com serifa e outra sem serifa.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 13/30
12/09/2023, 21:23 Ead.br
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 14/30
12/09/2023, 21:23 Ead.br
Tipometria
Didot
Esse sistema foi desenvolvido em 1775 por François-Ambroise Didot. Um
ponto didot corresponde a 0,376065 mm. Doze pontos didot formam um
cícero, que mede 4,513 mm em sua impressão física.
Paica
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 15/30
12/09/2023, 21:23 Ead.br
Sendo mais recente do que o didot, o sistema paica foi desenvolvido no final
do século XIX, nos Estados Unidos e Inglaterra. Um ponto paica mede
0,351368 mm e corresponde a 1/72 da polegada inglesa. Doze pontos paica
formam a paica que mede exatamente 4,216416 mm.
Largura
Este elemento está relacionado à base e altura do glifo. Existem inúmeras
famílias gráficas que possuem essas variações nativamente. No entanto, as
que não possuem podem ser ajustadas.
Postura
Está relacionado com a inclinação do eixo central das letras. A postura básica
dos caracteres é a regular (com o eixo central vertical nítido). Já os caracteres
regulares inclinados recebem o nome de oblíquos. Atenção: não confundir
oblíquos com itálicos. Os caracteres inclinados recebem o nome de itálicos ou
grifos, em referência ao famoso tipógrafo italiano do século XV, Francesco
Griffo.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 16/30
12/09/2023, 21:23 Ead.br
praticar
Vamos Praticar
A tipometria estuda as dimensões dos elementos que compõem os diversos glifos.
Os dois principais sistemas adotados mundialmente para a medição e organização
dos tipos gráficos são o didot e o paica.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 17/30
12/09/2023, 21:23 Ead.br
d) O sistema paica é restrito a fontes digitais, que devem ser usadas para a
composição de materiais gráficos impressos.
Feedback: alternativa incorreta , pois o sistema paica é generalista e não é
restrito a nenhuma aplicação específica.
e) O sistema didot e o sistema paica foram desenvolvidos nos Estados
Unidos.
Feedback: alternativa incorreta , pois apenas o sistema paica foi
desenvolvido nos EUA, o sistema didot foi desenvolvido por François-
Ambroise Didot, na França.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 18/30
12/09/2023, 21:23 Ead.br
Diagramação de Textos
Kern
O kern trata do espaçamento entre os caracteres. Existem certas áreas das
letras que ultrapassam o bloco para possibilitar um melhor encaixe com
outras letras. Isso melhora a composição, de modo que não fiquem muito
separadas e prejudiquem o visual e leitura.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 19/30
12/09/2023, 21:23 Ead.br
Kerning
É o procedimento de ajuste dos espaços entre certos pares de caracteres, ou
seja, somente em algumas letras, e em casos específicos. O kerning da fonte é
definido pelo type designer na criação, portanto, não é um elemento tão
facilmente manipulável.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 20/30
12/09/2023, 21:23 Ead.br
reflita
Reflita
A campanha de Barack Obama para as eleições presidenciais
dos Estados Unidos em 2008 será sempre lembrada, do ponto
de vista da comunicação política e do design gráfico, devido à
estratégia visual meticulosa realizada pela equipe de
identidade corporativa da equipe.
Tracking
É a distribuição do espaçamento entre letras e entre as palavras de todo um
conjunto de texto.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 21/30
12/09/2023, 21:23 Ead.br
Leading
O leading pode também ser conhecido como o espaço entrelinhas. O leading
é expresso como a medida da distância da linha de base de uma linha
tipográfica para outra subsequente no mesmo bloco de texto. Geralmente, o
leading automatizado é aproximadamente 20% maior do que o tamanho do
médio dos glifos da família utilizada. Exemplo: tamanho 10pt leading 12pt.
Alinhamento à Esquerda
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 22/30
12/09/2023, 21:23 Ead.br
Alinhamento à Direita
No alinhamento à direita, os textos são alinhados à direita e suas linhas têm
diferentes tamanhos e irregulares nas margens externas esquerdas. Isso
acaba dificultando a legibilidade, pois força o olhar para usuários já
habituados aos sistemas ocidentais.
Alinhamento Centralizado
Neste tipo de alinhamento, as linhas de textos têm tamanho irregulares em
ambos os lados e são dispostas de acordo com a tabulação do Tracking.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 23/30
12/09/2023, 21:23 Ead.br
Alinhamento Justificado
Entre as opções de alinhamento, o justificado é o mais formal e usual de
todos. Nesta opção de alinhamento, as linhas têm o mesmo comprimento,
com margens “duras” e retas (ou uniformes) em ambos os lados do bloco de
texto. É muito utilizado em textos longos como revistas, jornais e livros digitais
e impressos. Além disso, é o padrão adotado pela ABNT no Brasil para escrita
científica-acadêmica.
praticar
Vamos Praticar
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 24/30
12/09/2023, 21:23 Ead.br
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 25/30
12/09/2023, 21:23 Ead.br
indicações
Material
Complementar
LIVRO
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 26/30
12/09/2023, 21:23 Ead.br
FILME
Helvetica Film
Ano : 2007
Comentário : O filme-documentário Helvetica aborda a
tão utilizada e conhecida fonte Helvetica. O
documentário em questão, de 2007, foi produzido e
dirigido por Gary Hustwit em comemoração ao 50º
aniversário da fonte. O filme possui trechos filmados
nos Estados Unidos, Inglaterra, Alemanha, Holanda,
França, Suíça e Bélgica. Além de abordar questões
históricas, o documentário leva-nos a conhecer os
elementos artísticos envolvidos no processo de
desenvolvimento de fontes. O filme é uma mídia
independente de longa-metragem que nos instiga e
ilustra parte da história da tipografia, tipometria,
comunicação geral e visual, publicidade e um pouco de
design gráfico.
Por ser nichado, é uma mídia mais recomendada para
estudantes e profissionais da área criativa que desejam
obter informações referentes à tipografia, ao
movimento modernista, à produção gráfica, à
publicidade e ao surgimento inicial das redes sociais e
da comunicação por multimeios.
TRAILER
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 27/30
12/09/2023, 21:23 Ead.br
conclusão
Conclusão
Ao se analisar as classificações dos principais tipos tradicionais, percebe-se
que elas possuem diversas limitações e problemas em relação a sua
generalidade. Por serem altamente ligadas às épocas em que são
desenvolvidas, essas classificações tipológicas correm um considerável risco
de se tornar parcialmente obsoletas, especialmente na época da internet, em
que a comunicação acontece por multimeios. Apesar de as classificações
passarem por processos transformadores, os elementos envolvidos e os
conhecimentos sobre a tipografia são acumulados e se fortalecem à medida
em que são usados nas novas mídias e redes sociais. Nesse sentido, é
importante manter-se atualizado sobre as novas tecnologias que auxiliam o
processo de composição tipográfica e conhecer as ferramentas que podem
auxiliá-lo de acordo com as demandas dos projetos desenvolvidos.
referências
Referências
Bibliográficas
BRINGHURST, Robert. Elementos do estilo tipográfico . Cosac Naify, 2005.
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 28/30
12/09/2023, 21:23 Ead.br
ANDRADE, Carlos Drummond de. A flor e a náusea. A rosa do povo . 42. ed.
Rio de Janeiro: Record, 2009.
ARTY, D. Tipografia: Guia Sobre Tipos – escolhendo a fonte certa (parte 2).
Chief of Design , 26 out. 2018 (on-line). Disponível em: <
https://www.chiefofdesign.com.br/tipografia-02/ >. Acesso em: 19 jul. 2019.
DIXON, Catherine. Why we need to reclassify type . Eye 19: 86-87, 1995.
LUPTON, Ellen; STOLARSKI, André. Pensar com tipos: guia para designers,
escritores, editores e estudantes . São Paulo: CosacNaify, 2009.
IMPRIMIR
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 29/30
12/09/2023, 21:23 Ead.br
https://codely-fmu-content.s3.amazonaws.com/Moodle/EAD/Conteudo/DEM_INTIPO_19/unidade_3/ebook/index.html 30/30