Guia Sobre Tipografia - Escolhendo A Fonte Certa

Guia sobre Tipografia - Escolhendo a fonte certa
1 de 20
about:reader?url=http://chiefofdesign.com.br/guia-tipografia-parte-01/
chiefofdesign.com.br
Guia sobre Tipografia - Escolhendo a

fonte certa
David Arty
Eae. Td Bele?
Um projeto de design, como voc j deve saber, engloba vrias
coisas, e uma das mais importantes a escolha tipogrfica.
Independente se o seu projeto digital ou impresso a tipografia ser
a voz dele. Por isso ela deve ser coerente com o objetivo de
comunicao do projeto.
A escolha certa da tipografia num trabalho pode fazer toda a
diferena.
15/07/2015 13:30
2 de 20
Mas antes de escolher aquela fonte legal, cheia de curvas e linhas,

voc precisar saber o que tipografia. Precisa saber como ela
funciona, quais so os tipos, quais elementos compem esses tipos,
como us-la da melhor maneira, etc.
Ento, Galucho, para resolver isso , e para voc parar de escolher
tal fonte s porque bonitinha, o Chief traz para voc esse Guia
sobre Tipografia.
Esse assunto pouco extenso e por vezes um pouquinho complexo,
por isso eu decidi criar uma srie de artigos sobre esse ele.
Pretendo passar por praticamente todos os tpicos que envolvem a
tipografia.
Bele? Preparado?
Ento, vamos comear a desvendar esse mundo da tipografia!
O que voc ver nesse artigo?
O que tipografia
A histria da tipografia
O que fonte, glifo e famlia tipogrfica
A anatomia dos tipos
A caixa de tipos
15/07/2015 13:30
3 de 20
As unidades de medidas
O que Tipografia
Tipografia: Do grego typos = forma e graphein =escrita.
a mecanizao da escrita feita atravs da tecnologia para a
reproduo de textos em srie.
Tipografia tambm o termo usado para definir o estudo dos tipos
(apesar de algumas pessoas usarem bastante tambm o termo
tipologia).
Mas antes de tudo Vamos voltar um pouco na histria
Comeo da escrita
O Homem desde os primrdios sempre buscou meios de se
comunicar e se expressar em relao com o mundo e aos seus
pares. Portanto, bem antes do incio da escrita o Homem j se
comunicava atravs de sons, cantos, gestos, desenhos, pinturas,
danas, esculturas
Aps o desenvolvimento da fala , e obviamente da comunicao oral,
surgiu a necessidade de criar registros, de preservar e repassar a
memria, etc.
E a consequncia dessa necessidade foi a inveno da escrita.
O surgimento da escrita um marco importante na histria do
mundo por demarcar a separao entre a histria e a pr-histria
15/07/2015 13:30
4 de 20
iniciando o registro dos acontecimentos.

A escrita o sistema que utiliza signos para expressar
graficamente em um suporte o pensamento humano.
A assimilao e interiorizao da tecnologia do alfabeto fontico
translada o homem do mundo mgico da audio para o mundo
neutro da viso. Marshall McLuhan, Agalxia de Gutenberg, 1972
A escrita, esse sistema de registro atravs desse signos, existe a
cerca de 3.000 ac e passou por vrias fases e evolues. No vou
adentrar na histria, at porque ficaria muito extenso esse artigo,
mas muito vlido que voc pesquise sobre a histria da escrita.
O surgimento da tipografia
Os chineses (tinha que ser os asiticos hehe) foram os primeiros a
criar um sistema de tipografia, muito antes do Gutemberg (veremos
mais adiante). O inventor foi Pi Shng por volta do ano 1040 dc. Os
tipos eram feitos em argila cozida, madeira e at bronze e eram
dispostos numa tbua, a huban (tbua viva).
Shn Kua, contemporneo do inventor, relatou a produo de
milhares de cpias, mas no especfico se foram em forma de
rolos ou livros. Essas obras impressas eram o que ele chamava
de Os cinco Clssicos.
Mas o grande inventor da tipografia, feita atravs da prensa com tipos
em metal, foi Johann Gutemberg no ano de 1450.
15/07/2015 13:30
5 de 20
Nascido na Mangucia, atual Mainz, Alemanha, ele Trabalhou na

Casa da Moeda com a tcnica de fundir metais e cunhar moedas,
o que favoreceu a criao da liga de chumbo com a qual ele
passou a preparar as letras para montar os tipos mveis em metal.
Gutemberg e a Imprensa A Imprensa A Histria do Livro e da
Editorao
A inveno de Gutemberg possibilitou a reproduo em srie dos
textos. No sculo XV, em 1456, ele imprimiu a Bblia de 42 linhas, o
primeiro livro impresso e a primeira comprovao da eficincia da
tipografia. Composto por 642 pginas ela teve uma tiragem que foi
de aproximadamente 200 exemplares. Com isso Gutemberg
tambm tornou mais acessvel os livros e a cultura, tirando o
monoplio dos mosteiros e abadias responsveis pelos manuscritos
(livros escritos mo).
Ento, agora que j sabemos as origens vamos entender como
funcionam as coisas Vem comigo!
O que fonte, letra e famlia tipogrfica

Glifos (letras, caracteres):
So signos alfabticos projetados para reproduo mecnica.
15/07/2015 13:30
6 de 20
Famlia tipogrfica:
o conjunto de caracteres que possuem as mesmas caractersticas
de desenho independentemente das suas variaes (peso,
inclinao, corpo).
Fonte:
conjunto de glifos que compem uma famlia tipogrfica.
15/07/2015 13:30
7 de 20
Anatomia dos tipos:

Os tipos so compostos por um conjunto de elementos. Confira
abaixo:
15/07/2015 13:30
8 de 20
Ligaduras:
So as conexes de dois ou mais caracteres. Em portugus, a mais
funcional a FI, mas existem vrias ligaduras (st, ae, oe, ff, ij, etc).
15/07/2015 13:30
9 de 20
Como ou sem serifa:

O elemento , dessa anatomia dos tipos, que voc vai mais ouvir
falar , o mais importante e que voc DEVE saber o que a se
chama Serifa.
Existem tipos com e sem serifa (ou sans-serif, do francs) e a
classificao dos tipos , em serifados e sem serifa, a principal
forma de diferenciao das letras.
Serifas so os pequenos traos, ou prolongamentos, que existem no
final das hastes dos glifos.
Nos prximos artigos falaremos bem mais sobre essa diferenciao.

Mas de antemo saiba que os tipos serifados so os mais
adequados para as caixas de textos corrido em trabalhos grficos
(em livros, por exemplo), pois a serifa tem a funo de auxiliar a
leitura, proporcionando continuidade para o texto e tornando-o menos
cansativo para os olhos.
15/07/2015 13:30
10 de 20
Enquanto que os tipos sem serifa so mais indicados para ttulos,

chamadas e tambm para textos em geral nas aplicaes digitais
(em websites, por exemplo), pois as serifas acabam se tornando
borres no digital, prejudicando , assim, a leitura e o entendimento.
Corpo:
O corpo o tamanho do tipo que comea do ponto mais alto (versal
ou ascendente) at o ponto mais baixo (descendente).
Ascendentes:
a parte das letras b, d, r, k, l e t que se estendem acima da altura
de x.
15/07/2015 13:30
11 de 20
Descendentes:
a parte das letras g, j, p, q, y e por vezes a letra J(caixa alta), que
se estendem abaixo da altura de x.
EIXOS:
a angulao do trao. Diz respeito ao eixo de inclinao
principalmente das letras b, c, e, g, o, p e q.
Eixo humanista: o eixo oblquo e que condiz com a inclinao da
escrita manual.
Eixo racionalista: o eixo vertical. Condiz com as formas
15/07/2015 13:30
12 de 20
neoclssicas e romnticas .
Caixa de tipos:
As letras possuem trs tipos de tamanhos: caixa baixa, caixa alta e
versalete.
Caixa baixa:
o conjunto de caracteres em letras minsculas.
Caixa Alta (capitais ou versais):

o conjunto de caracteres em letras maisculas.
15/07/2015 13:30
13 de 20
Caixa alta e baixa derivam da organizao dos tipos em caixas de

madeira sobre um cavalete, nas oficinas tipogrficas, onde as
letras maisculas ficavam na parte superior (caixa alta) e as as
minsculas na inferior (caixa baixa).
Versalete (small caps):
o conjunto de caracteres em letras maisculas com a altura de
minsculas (altura de x).
Algarismos:
Os algarismos (ou numerais) tambm so classificados em 3
grupos: old style, lining e small caps.
Old style:
15/07/2015 13:30
14 de 20
So os numerais alinhados pelo texto. Por isso eles ultrapassam a

linha de x e, consequentemente, possuem ascendentes e
descendentes.
Lining:
So os numerais com o mesmo tamanho de uma versal (caixa alta)
e no possuem ascendentes e descendentes.
Small Caps:
So os numerais com o mesmo tamanho de uma versalete e no
possuem ascendentes e descendentes.
15/07/2015 13:30
15 de 20
Unidades de medidas
As unidades de medidas servem para determinar desde o tamanho
do corpo, o tamanho dos caracteres at o tamanho das entrelinhas.
Basicamente as medidas primrias (irei cham-las assim) so o
ponto e ccero e a paica. Hoje me dia graas ao digital temos outras
como em milmetros (mm) em pixel (px), etc. Por ora, e por questo
mais de conhecimento, falaremos das primeiras: o ponto, a Paica
(em ingls pica), usado na Inglaterra e nos pases de lngua inglesa,
e o Ccero empregado na Europa continental.
Pontos: a medida tipogrfica estabelecida pelo francs Francisco
Ambrsio Didot. Um ponto equivale aproximadamente de 0,376mm .
(ou 2,6 pontos = 1 mm).
Ccero: tambm uma medida do sistema Didot e que corresponde
a 12 pontos.
Paica (pica): uma unidade de medida anglo-saxo usada na
Inglaterra e nos pases de lngua inglesa. Corresponde a um sexto de
polegada.
Divide-se ambas medidas em 12 partes. E existe uma diferena
pequena entre os tamanhos, sendo a paica um pouco menor que o
ccero:
15/07/2015 13:30
16 de 20
1 paica (4,22 mm) = 12 pontos (Inglaterra).

1 ccero (4,52 mm) = 12 pontos (Europa Continental).
Abaixo mais alguns nmeros:
15/07/2015 13:30
17 de 20
Antes da era digital era preciso conhecer bem sobre essas medidas
porque tudo se fazia com a rgua, na mo, com clculos Hoje em
dia no existe mais tal preocupao, porque o prprio software se
encarrega de fazer isso.
E como a maioria dos softwares so oriundos dos USA , logo o
sistema por padro o Paica, usando a polegada como referncia,
ou seja, 1/6 de polegada (4,23 mm).
Quadratim (ou eme):
Dividindo a largura da letra M em 18 unidades essa unidade de
medida usada principalmente, para determinar os espaos
horizontais e endentaes.
E isso s foi o comeo

Para no ficar muito extenso e cansativo vou parar por aqui essa
primeira parte dessa srie de artigos sobre tipografia.
15/07/2015 13:30
18 de 20
Nos prximos artigos continuaremos a destrinchar esse mundo da

tipografia para realmente termos uma boa base para escolhermos a
fonte certa para os nossos projetos.
E voc gosta de tipografia? Trabalha com tipografia? Sabe como
us-la corretamente?
Quem sabe voc gostaria de compartilhar conosco a sua
experincia com os tipos.
At mais.
Forte Abrao.
Confira a segunda parte aqui http://chiefofdesign.com.br/guiatipografia-parte-02/
Confira a terceira parte aqui http://chiefofdesign.com.br/guiatipografia-parte-03/
Referncias:
Livro Elementos Do Estilo Tipogrfico Robert Bringhurst
Livro Pensar com Tipos Ellen lupton
Anatomia do tipo
http://pt.wikipedia.org/wiki/Hist%C3%B3ria_da_escrita
15/07/2015 13:30
19 de 20
http://www.museutec.org.br/linhadotempo/inventores
/johann_gutemberg.htm
http://tipografos.net/glossario/anatomia.html
http://www.artigonal.com/ciencia-artigos/a-origem-do-livro1542468.html
Glossrio Para ajudar os aprendizes de Chief
Neoclassicismo e Romantismo
So movimentos artsticos.
O Neoclassicismo corresponde s ltimas dcadas do sculo
XVIII e incio do sculo XIX. E chama-se assim, porque os
artistas retomaram os princpios e valores da arte da
Antiguidade grego-romana. Teve nomes como os arquitetos
Jacques Germain Souflot, Karl Gotthard Langhans e o
pintor Jacques-Louis David.
O Romantismo contempla as ltimas dcadas do sculo XVIII e
grande parte do sculo XIX. O Romantismo foi uma reao ao
movimento anterior (Neoclassicismo) buscando se libertar das
convenes acadmicas do neoclassicismo valorizando
principalmente os sentimentos, o nacionalismo, a natureza e a
imaginao .
Teve nomes como os pintores Goya, Delacroix e Tuner.
David Arty
Ol. Sou David Arty, fundador do blog Chief of Design.
Sou natural de So Paulo, Brasil. Trabalho com design,
principalmente com design para web, desde 2009. Procuro
15/07/2015 13:30
20 de 20
transformar ideias loucas e complexas em peas simples, atrativas

e funcionais.
Saiba mais sobre mim
RECEBA MAIS ARTIGOS POR EMAIL!Fique atualizado das
novas postagens do Chief direto no seu email!
15/07/2015 13:30

Guia Sobre Tipografia - Escolhendo A Fonte Certa

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Guia Sobre Tipografia - Escolhendo A Fonte Certa

Diunggah oleh

Hak Cipta:

Format Tersedia

Guia sobre Tipografia - Escolhendo a fonte certa