Guia Sobre Tipografia - Escolhendo a Fonte Certa

chiefofdesign.com.br

Guia sobre Tipografia - Escolhendo afonte certaDavid Arty

Eae. Td Bele?

Um projeto de design, como voc j deve saber, engloba vriascoisas, e uma das mais importantes a escolha tipogrfica.Independente se o seu projeto digital ou impresso a tipografia sera voz dele. Por isso ela deve ser coerente com o objetivo decomunicao do projeto.

A escolha certa da tipografia num trabalho pode fazer toda adiferena.

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

1 de 20 15/07/2015 13:30

Mas antes de escolher aquela fonte legal, cheia de curvas e linhas,voc precisar saber o que tipografia. Precisa saber como elafunciona, 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 escolhertal fonte s porque bonitinha, o Chief traz para voc esse Guiasobre 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 atipografia.

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


2 de 20 15/07/2015 13:30

As unidades de medidas

O que TipografiaTipografia: Do grego typos = forma e graphein =escrita.

a mecanizao da escrita feita atravs da tecnologia para areproduo de textos em srie.

Tipografia tambm o termo usado para definir o estudo dos tipos(apesar de algumas pessoas usarem bastante tambm o termotipologia).

Mas antes de tudo Vamos voltar um pouco na histria

Comeo da escritaO Homem desde os primrdios sempre buscou meios de secomunicar e se expressar em relao com o mundo e aos seuspares. Portanto, bem antes do incio da escrita o Homem j secomunicava 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 amemria, etc.

E a consequncia dessa necessidade foi a inveno da escrita.

O surgimento da escrita um marco importante na histria domundo por demarcar a separao entre a histria e a pr-histria


3 de 20 15/07/2015 13:30

iniciando o registro dos acontecimentos.

A escrita o sistema que utiliza signos para expressargraficamente em um suporte o pensamento humano.

A assimilao e interiorizao da tecnologia do alfabeto fonticotranslada o homem do mundo mgico da audio para o mundoneutro da viso. Marshall McLuhan, Agalxia de Gutenberg, 1972

A escrita, esse sistema de registro atravs desse signos, existe acerca de 3.000 ac e passou por vrias fases e evolues. No vouadentrar na histria, at porque ficaria muito extenso esse artigo,mas muito vlido que voc pesquise sobre a histria da escrita.

O surgimento da tipografiaOs chineses (tinha que ser os asiticos hehe) foram os primeiros acriar um sistema de tipografia, muito antes do Gutemberg (veremosmais adiante). O inventor foi Pi Shng por volta do ano 1040 dc. Ostipos eram feitos em argila cozida, madeira e at bronze e eramdispostos numa tbua, a huban (tbua viva).

Shn Kua, contemporneo do inventor, relatou a produo demilhares de cpias, mas no especfico se foram em forma derolos ou livros. Essas obras impressas eram o que ele chamavade Os cinco Clssicos.

Mas o grande inventor da tipografia, feita atravs da prensa com tiposem metal, foi Johann Gutemberg no ano de 1450.


4 de 20 15/07/2015 13:30

Nascido na Mangucia, atual Mainz, Alemanha, ele Trabalhou naCasa da Moeda com a tcnica de fundir metais e cunhar moedas,o que favoreceu a criao da liga de chumbo com a qual elepassou a preparar as letras para montar os tipos mveis em metal.Gutemberg e a Imprensa A Imprensa A Histria do Livro e daEditorao

A inveno de Gutemberg possibilitou a reproduo em srie dostextos. No sculo XV, em 1456, ele imprimiu a Bblia de 42 linhas, oprimeiro livro impresso e a primeira comprovao da eficincia datipografia. Composto por 642 pginas ela teve uma tiragem que foide aproximadamente 200 exemplares. Com isso Gutembergtambm tornou mais acessvel os livros e a cultura, tirando omonoplio dos mosteiros e abadias responsveis pelos manuscritos(livros escritos mo).

Ento, agora que j sabemos as origens vamos entender comofuncionam as coisas Vem comigo!

O que fonte, letra e famlia tipogrficaGlifos (letras, caracteres):

So signos alfabticos projetados para reproduo mecnica.


5 de 20 15/07/2015 13:30

Famlia tipogrfica:

o conjunto de caracteres que possuem as mesmas caractersticasde desenho independentemente das suas variaes (peso,inclinao, corpo).

Fonte:

conjunto de glifos que compem uma famlia tipogrfica.


6 de 20 15/07/2015 13:30

Anatomia dos tipos:Os tipos so compostos por um conjunto de elementos. Confiraabaixo:


7 de 20 15/07/2015 13:30

Ligaduras:

So as conexes de dois ou mais caracteres. Em portugus, a maisfuncional a FI, mas existem vrias ligaduras (st, ae, oe, ff, ij, etc).


8 de 20 15/07/2015 13:30

Como ou sem serifa:

O elemento , dessa anatomia dos tipos, que voc vai mais ouvirfalar , o mais importante e que voc DEVE saber o que a sechama Serifa.Existem tipos com e sem serifa (ou sans-serif, do francs) e aclassificao dos tipos , em serifados e sem serifa, a principalforma de diferenciao das letras.

Serifas so os pequenos traos, ou prolongamentos, que existem nofinal das hastes dos glifos.

Nos prximos artigos falaremos bem mais sobre essa diferenciao.

Mas de antemo saiba que os tipos serifados so os maisadequados para as caixas de textos corrido em trabalhos grficos(em livros, por exemplo), pois a serifa tem a funo de auxiliar aleitura, proporcionando continuidade para o texto e tornando-o menoscansativo para os olhos.


9 de 20 15/07/2015 13:30

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 tornandoborres no digital, prejudicando , assim, a leitura e o entendimento.

Corpo:

O corpo o tamanho do tipo que comea do ponto mais alto (versalou ascendente) at o ponto mais baixo (descendente).

Ascendentes:

a parte das letras b, d, r, k, l e t que se estendem acima da alturade x.


10 de 20 15/07/2015 13:30

Descendentes:

a parte das letras g, j, p, q, y e por vezes a letra J(caixa alta), quese estendem abaixo da altura de x.

EIXOS:

a angulao do trao. Diz respeito ao eixo de inclinaoprincipalmente das letras b, c, e, g, o, p e q.

Eixo humanista: o eixo oblquo e que condiz com a inclinao daescrita manual.

Eixo racionalista: o eixo vertical. Condiz com as formas


11 de 20 15/07/2015 13:30

neoclssicas e romnticas .

Caixa de tipos:As letras possuem trs tipos de tamanhos: caixa baixa, caixa alta eversalete.

Caixa baixa:

o conjunto de caracteres em letras minsculas.

Caixa Alta (capitais ou versais):

o conjunto de caracteres em letras maisculas.


12 de 20 15/07/2015 13:30

Caixa alta e baixa derivam da organizao dos tipos em caixas demadeira sobre um cavalete, nas oficinas tipogrficas, onde asletras maisculas ficavam na parte superior (caixa alta) e as asminsculas na inferior (caixa baixa).

Versalete (small caps):

o conjunto de caracteres em letras maisculas com a altura deminsculas (altura de x).

Algarismos:

Os algarismos (ou numerais) tambm so classificados em 3grupos: old style, lining e small caps.

Old style:


13 de 20 15/07/2015 13:30

So os numerais alinhados pelo texto. Por isso eles ultrapassam alinha de x e, consequentemente, possuem ascendentes edescendentes.

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 nopossuem ascendentes e descendentes.


14 de 20 15/07/2015 13:30

Unidades de medidasAs unidades de medidas servem para determinar desde o tamanhodo corpo, o tamanho dos caracteres at o tamanho das entrelinhas.

Basicamente as medidas primrias (irei cham-las assim) so oponto e ccero e a paica. Hoje me dia graas ao digital temos outrascomo em milmetros (mm) em pixel (px), etc. Por ora, e por questomais 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 FranciscoAmbrsio Didot. Um ponto equivale aproximadamente de 0,376mm .(ou 2,6 pontos = 1 mm).

Ccero: tambm uma medida do sistema Didot e que correspondea 12 pontos.

Paica (pica): uma unidade de medida anglo-saxo usada naInglaterra e nos pases de lngua inglesa. Corresponde a um sexto depolegada.

Divide-se ambas medidas em 12 partes. E existe uma diferenapequena entre os tamanhos, sendo a paica um pouco menor que occero:


15 de 20 15/07/2015 13:30

1 paica (4,22 mm) = 12 pontos (Inglaterra).

1 ccero (4,52 mm) = 12 pontos (Europa Continental).

Abaixo mais alguns nmeros:


16 de 20 15/07/2015 13:30

Antes da era digital era preciso conhecer bem sobre essas medidasporque tudo se fazia com a rgua, na mo, com clculos Hoje emdia no existe mais tal preocupao, porque o prprio software seencarrega de fazer isso.

E como a maioria dos softwares so oriundos dos USA , logo osistema 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 demedida usada principalmente, para determinar os espaoshorizontais e endentaes.

E isso s foi o comeoPara no ficar muito extenso e cansativo vou parar por aqui essaprimeira parte dessa srie de artigos sobre tipografia.


17 de 20 15/07/2015 13:30

Nos prximos artigos continuaremos a destrinchar esse mundo datipografia para realmente termos uma boa base para escolhermos afonte certa para os nossos projetos.

E voc gosta de tipografia? Trabalha com tipografia? Sabe comous-la corretamente?

Quem sabe voc gostaria de compartilhar conosco a suaexperincia com os tipos.

At mais.

Forte Abrao.

Confira a segunda parte aqui http://chiefofdesign.com.br/guia-tipografia-parte-02/

Confira a terceira parte aqui http://chiefofdesign.com.br/guia-tipografia-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


18 de 20 15/07/2015 13:30

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-livro-1542468.html

Glossrio Para ajudar os aprendizes de Chief

Neoclassicismo e Romantismo So movimentos artsticos.O Neoclassicismo corresponde s ltimas dcadas do sculoXVIII e incio do sculo XIX. E chama-se assim, porque osartistas retomaram os princpios e valores da arte daAntiguidade grego-romana. Teve nomes como os arquitetosJacques Germain Souflot, Karl Gotthard Langhans e opintor Jacques-Louis David.O Romantismo contempla as ltimas dcadas do sculo XVIII egrande parte do sculo XIX. O Romantismo foi uma reao aomovimento anterior (Neoclassicismo) buscando se libertar dasconvenes acadmicas do neoclassicismo valorizandoprincipalmente os sentimentos, o nacionalismo, a natureza e aimaginao .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


19 de 20 15/07/2015 13:30

transformar ideias loucas e complexas em peas simples, atrativase funcionais.Saiba mais sobre mim

RECEBA MAIS ARTIGOS POR EMAIL!Fique atualizado dasnovas postagens do Chief direto no seu email!


20 de 20 15/07/2015 13:30

Documents

Guia Sobre Tipografia - Escolhendo a Fonte Certa