Professional Documents
Culture Documents
Tipografia
anatomia das letras
prof. Heraldo de Almeida (heraldoa@gmail.com)
estrutura
Hfgx
prof. Heraldo de Almeida (heraldoa@gmail.com)
estrutura
Hfgx
altura maiscula
anatomia
vrtice cartela
orelha
serifa
anel
brao
inclinao
haste
AfghbkQ
barra ou trave serifa abertura branco interno cauda cauda curva
prof. Heraldo de Almeida (heraldoa@gmail.com)
grupos
Mr Mr
com serifa (serif) sem serifa (sans-serif)
As serifas, que so os arremates nas terminaes das hastes, provavelmente datam de incio de Roma. Padre Edward Catich props em seu trabalho A Origem da Serifa, que a serifa era um artifcio usado para esculpir as letras sobre as pedras antes de cort-las. As famlias tipogrficas sem serifas so conhecidas como sans-serif (do francs "sem serifa"), tambm chamadas grotescas. Esse detalhe considerado o principal sistema de diferenciao das famlias tipogrficas.
prof. Heraldo de Almeida (heraldoa@gmail.com)
caractersticas
ipicamente, os textos serifados so usados em blocos de texto, pois as serifas tendem a guiar o olhar e ajudam a distinguir os caracteres. As letras serifadas parecem juntar-
tendem a ter maior peso e presena para os olhos (chamando ateno), j que parecem mais limpas.
classificao
com serifa
Romana Antiga (estilo antigo) Romana Moderna (estilo moderno) Egpcia (serifa grossa)
sem serifa
Lapidria ou basto
expressivas
Caligrfica ou Script (estilo manuscrito) Fantasia ou ornamental (estilo decorativo)
estilo antigo
este grupo esto classificadas as famlias de tipografias que possuem como caractersticas as serifas com desenho triangular e as hastes, traves e curvas com um suave contraste.
estilo moderno
Bodoni Didot
prof. Heraldo de Almeida (heraldoa@gmail.com)
este grupo esto classificadas as famlias de tipografias que possuem como caractersticas as serifas lineares e um grande contraste entre as hastes traves e curvas.
Estas tipografias so delicadas e geralmente apresentam problemas de legibilidade nos textos compostos por caracteres de pequenos tamanhos, somente possuindo boa ou razovel legibilidade at um tamanho mdio. So de forte presena em um impresso, muito utilizadas para ttulos ou chamadas de maior tamanho, seu uso indicado em situaes nas quais se queira obter impacto visual com o texto. So tipografias pesadas, passam impacto e solidez. Como exemplo maior temos a Bodoni, que nomeia o grupo.
serifa grossa
Chaparral Gungsuhche Ad ae ce h e e d n m
prof. Heraldo de Almeida (heraldoa@gmail.com)
caractersticas serifas com desenho retangular e as hastes, traves e curvas com suave ou nenhum contraste.
Estas tipografias tm sua legibilidade prejudicada quando utilizadas em tamanho reduzido ou com o espao entre letras muito fechado, o que ocasiona a juno de suas serifas, e a conseqente formao de uma linha que atrapalha a leitura. So assim chamadas por terem seu primeiro registro histrico encontrado nas marcaes das caixas do esplio de guerra do exrcito de Napoleo na campanha do Egito. Por seu design muito marcante possuem um bom impacto visual sendo indicadas para uso em chamadas, ttulos e outras situaes onde seja necessrio expressar fora, equilbrio e uma certa dose de modernidade. Entre seus exemplos podemos citar a Lubalim, a Serifa BT e a Egyptian.
sans-serif
usncia de serifas. Hastes, traves e curvas com pouco ou nenhum contraste. Em geral, alto grau de legibilidade. Indicadas para uso em
situaes onde a leitura seja difcil e deva ser feita rapidamente.
Por no possurem contrastes entre seus elementos se tornam cansativas em uma leitura prolongada, devido a tonalidade montona que assumem os textos compostos por tipografias sem contrastes. So indicadas mais para textos curtos, no sendo seu uso em livros, revistas e outras peas impressas de todo desaconselhvel.
So tipos que passam uma impresso de preciso matemtica, tecnologia, objetividade e dureza entre outras significaes. Boas para peas publicitrias de leitura rpida (outdoors ou Outbus) e projetos de sinalizao.
manuscrito
caractersticas caligrficas
tradicionais de escrita, procuram imitar as caractersticas das letras escritas livremente. Estas tipografias geralmente apresentam uma legibilidade complicada e sua utilizao em trabalhos deve ser tomada de cuidados. So geralmente aplicadas em peas que queriam passar lirismo, romantismo ou uma certa
este grupo esto classificadas as famlias de tipografias que possuem como caractersticas bsicas de seu design a aparncia de letras manuscritas com penas caligrficas ou outros objetos
escreva mo documentos maiores que uma breve nota, a assinatura caligrafada continua a ser considerada uma expresso da personalidade do seu autor.
caractersticas caligrficas
caractersticas manuscrita
fantasia
Rd o s e w o o Sl t e n c i Burnstown
prof. Heraldo de Almeida (heraldoa@gmail.com)
caractersticas fantasia
N
d p s o r e o pc. s d ro i g e o n n np a o r i
e u s a s m s p oi d aa d t o c i s a le e e l ct s i g s aa d rt s f o fa s er d s tau su n ir e ea a pi o s na g qo f n qm a d es e e r s s i . c ao rne i t r
Ni tae u m ie e sir s e l t o sel ll e e g d q cga e x pi d a e d m f a as ob i d i en o c amd l a xt uo p q d i , c e t ms u e t e a r us a d r l t a m a a e e s i l e i u p dig S p esi o o er rm v rc r s r .u g r e m s i eg u e o t u n le r e f e a e d eo e oa r t hee x s da r n o t co q a r ru p e b o n e i s u a m da o l s o t i v g as t s l l e o l eu e E at h s gm e r r d i . l a a s b a m e a us i os c s poe u eaeem b e q sid mf e c u p o e ut ef e e nr e m i c i sq o e
Uo q e pa e o e mr e s o cx s a a p ra o l s t f o ad i pi g u eno m s a d t m e d p e ga c re. u d p r o o B k
exemplos fantasia
exemplos fantasia
estilo
tonalidade
Bold Regular Light
largura
Regular Condensada Estendida
inclinao
Regular ou normal ou cursiva Itlica
preenchimento
Regular Outline Vasada
estilo tonalidade
estilo inclinao
Regular Itlica
prof. Heraldo de Almeida (heraldoa@gmail.com)
estilo largura
estilo preenchimento
N o r m a l O u t l i n e V a s a d a
prof. Heraldo de Almeida (heraldoa@gmail.com)
legibilidade
principais fundamentos
Presena ou no de serifa Caractersticas particulares do design da fonte Composio em maisculas e minsculas ou maisculas/minsculas Entreletras (kerning) Entrepalavras Entrelinhas (leading) Extenso da linha (largura da coluna) Alinhamento dos pargrafos Relao figura (elemento tipogrfico) e fundo
Aa Aa Aa Aa Aa Aa Aa AA aa
prof. Heraldo de Almeida (heraldoa@gmail.com)
legibilidade kerning
X X X X
mecnico
y z x k
AVOID
tico
legibilidade entrepalavras
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mi vitae purus gravida vehicula sit amet in dui. Aliquam arcu velit, molestie a porttitor id, porttitor ut neque. Aenean porttitor posuere neque ac placerat. Mauris nibh enim, posuere ac volutpat ut, aliquet ac felis. Aenean urna massa, mattis ut dapibus sed, fringilla a urna. Aenean ut felis sed mi viverra mattis. Praesent eleifend massa id libero placerat tristique. Suspendisse potenti. In non est vitae magna adipiscing sagittis. Etiam a egestas nunc. Ut lobortis erat et nunc bibendum quis convallis tellus adipiscing. Integer blandit massa vitae ipsum viverra sit amet tempus nunc ultrices. Etiam ut tortor id sapien suscipit convallis eu vitae lectus. Ut a urna erat, sed aliquet lorem. In ultrices porttitor nunc, a sollicitudin massa tempor vel. Mauris viverra interdum hendrerit. Ut posuere, massa vitae feugiat tincidunt, neque diam consectetur nulla, vel imperdiet arcu nunc eget mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mi vitae purus gravida vehicula sit amet in dui. Aliquam arcu velit, molestie a porttitor id, porttitor ut neque. Aenean porttitor posuere neque ac placerat. Mauris nibh enim, posuere ac volutpat ut, aliquet ac felis. Aenean urna massa, mattis ut dapibus sed, fringilla a urna. Aenean ut felis sed mi viverra mattis. Praesent eleifend massa id libero placerat tristique. Suspendisse potenti. In non est vitae magna adipiscingsagittis Etiam a egestasnunc. Utlobortiseratetnunc bibendum quis convallis tellus adipiscing. Integer blandit massa vitae ipsum viverra sit amettempusnuncultrices.Etiamuttortorid sapien suscipit convallis eu vitae lectus. Ut a urna erat, sed aliquet lorem. In ultrices porttitor nunc, a sollicitudin massa tempor vel. Mauris viverra interdum hendrerit. Ut posuere, massa vitae feugiat tincidunt, neque diam consectetur nulla, vel imperdiet arcununcegetmi.
legibilidade leading
100%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mi vitae purus gravida vehicula sit amet in dui. Aliquam arcu velit, molestie a porttitor id, porttitor ut neque. Aenean porttitor posuere neque ac placerat. Mauris nibh enim, posuere ac volutpat ut, aliquet ac felis. Aenean urna massa, mattis ut dapibus sed, fringilla a urna. Aenean ut felis sed mi viverra mattis. Praesent eleifend massa id libero placerat tristique. Suspendisse potenti. In non est vitaemagnaadipiscingsagittis. Etiam a egestas nunc. Ut lobortis erat et nunc bibendum quis convallis tellus adipiscing. Integer blandit massa vitae ipsum viverra sit amet tempus nunc ultrices. Etiam ut tortor id sapien suscipit convallis eu vitae lectus. Ut a urna erat, sed aliquet lorem. In ultrices porttitor nunc, a sollicitudin massa tempor vel. Mauris viverra interdum hendrerit. Ut posuere, massa vitae feugiat tincidunt, neque diam consecteturnulla,velimperdietarcununcegetmi.
120%
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mi vitae purus gravida vehicula sit amet in dui. Aliquam arcu velit, molestie a porttitor id, porttitor ut neque. Aenean porttitor posuere neque ac placerat. Mauris nibh enim, posuere ac volutpat ut, aliquet ac felis. Aenean urna massa, mattis ut dapibus sed, fringilla a urna. Aenean ut felis sed mi viverra mattis. Praesent eleifend massaidliberoplacerattristique.Suspendisse potenti. In non est vitae magna adipiscing sagittis. Etiam a egestasnunc. Utlobortiseratetnunc bibendum quis convallis tellus adipiscing. Integer blandit massa vitae ipsum viverra sit amettempusnuncultrices.Etiamuttortorid sapien suscipit convallis eu vitae lectus. Ut a urna erat, sed aliquet lorem. In ultrices porttitor nunc, a sollicitudin massa tempor vel. Mauris viverra interdum hendrerit. Ut posuere, massa vitae feugiat tincidunt, neque diam consectetur nulla, vel imperdiet arcununcegetmi.
L o r e m ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mi vitae purus gravida vehicula sit amet in dui. Aliquam arcu velit, molestie a porttitor id, porttitor ut n e q u e . Aenean porttitor posuere neque ac placerat. Mauris nibh enim, posuere ac volutpat ut, aliquetac
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut eu mi vitae purus gravida vehicula sit amet in dui. Aliquam arcu velit, molestie a porttitor id, porttitor ut neque. Aenean porttitor posuere neque ac placerat. Mauris nibh enim, posuere ac volutpat ut, aliquet ac felis. Aenean urna massa, mattis ut dapibus sed, fringilla a urna. Aenean ut felis sed mi viverra mattis. Praesent eleifend massaidliberoplacerattristique.Suspendisse potenti. In non est vitae magna adipiscing sagittis. Etiam a egestasnunc. Utlobortiseratetnunc bibendum quis convallis tellus adipiscing. Integer blandit massa vitae ipsum viverra sit amettempusnuncultrices.Etiamuttortorid sapien suscipit convallis eu vitae lectus. Ut a urna erat, sed aliquet lorem. In ultrices porttitor nunc, a sollicitudin massa tempor vel. Mauris viverra interdum hendrerit. Ut posuere, massa vitae feugiat tincidunt, neque diam consectetur nulla, vel imperdiet arcununcegetmi.
legibilidade alinhamento
Loremipsumdolorsitamet, Loremipsumdolorsitamet, consecteturadipiscingelit.Uteu consecteturadipiscingelit.Uteu mivitaepurusgravidavehiculasit mivitaepurusgravidavehiculasit ametindui.Aliquamarcuvelit, ametindui.Aliquamarcuvelit, molestieaporttitorid,porttitor molestieaporttitorid,porttitor utneque.Aeneanporttitor utneque.Aeneanporttitor posuerenequeacplacerat. posuerenequeacplacerat. Maurisnibhenim,posuereac Maurisnibhenim,posuereac volutpatut,aliquetacfelis. volutpatut,aliquetacfelis. Aeneanurnamassa,mattisut Aeneanurnamassa,mattisut dapibussed,fringillaaurna. dapibussed,fringillaaurna. Aeneanutfelissedmiviverra Aeneanutfelissedmiviverra mattis.Praesenteleifendmassa mattis.Praesenteleifendmassa idliberoplacerattristique. idliberoplacerattristique. Suspendissepotenti.Innonest Suspendissepotenti.Innonest vitaemagnaadipiscingsagittis. vitaemagnaadipiscingsagittis. Etiamaegestasnunc.Utlobortis eratetnuncbibendumquis convallistellusadipiscing. Integerblanditmassavitae ipsumviverrasitamettempus nuncultrices.Etiamuttortorid sapiensuscipitconvalliseuvitae lectus.Utaurnaerat,sedaliquet lorem.Inultricesporttitornunc, asollicitudinmassatemporvel. Maurisviverrainterdum hendrerit.Utposuere,massa vitaefeugiattincidunt,neque diamconsecteturnulla,vel imperdietarcununcegetmi. Etiamaegestasnunc.Utlobortis eratetnuncbibendumquis convallistellusadipiscing. Integerblanditmassavitae ipsumviverrasitamettempus nuncultrices.Etiamuttortorid sapiensuscipitconvalliseuvitae lectus.Utaurnaerat,sedaliquet lorem.Inultricesporttitornunc, asollicitudinmassatemporvel. Maurisviverrainterdumhendrerit.Utposuere,massavitae feugiattincidunt,nequediam consecteturnulla,velimperdiet arcununcegetmi. Lorem ipsum dolor sit amet, Loremipsumdolorsitamet, consectetur adipiscing elit. Ut eu consecteturadipiscingelit.Uteu mivitaepurusgravidavehiculasit mivitaepurusgravidavehiculasit amet in dui. Aliquam arcu velit, ametindui.Aliquamarcuvelit, molestie a porttitor id, porttitor molestieaporttitorid,porttitor ut neque. Aenean porttitor utneque.Aeneanporttitor posuere neque ac placerat. posuerenequeacplacerat. Mauris nibh enim, posuere ac Maurisnibhenim,posuereac volutpat ut, aliquet ac felis. volutpatut,aliquetacfelis. Aenean urna massa, mattis ut Aeneanurnamassa,mattisut dapibus sed, fringilla a urna. dapibussed,fringillaaurna. Aenean ut felis sed mi viverra Aeneanutfelissedmiviverra mattis. Praesent eleifend massa mattis.Praesenteleifendmassa id libero placerat tristique. idliberoplacerattristique. Suspendisse potenti. In non est Suspendissepotenti.Innonest vitaemagnaadipiscingsagittis. vitaemagnaadipiscingsagittis. Etiam a egestas nunc. Ut lobortis Etiamaegestasnunc.Utlobortis erat et nunc bibendum quis eratetnuncbibendumquis convallis tellus adipiscing. convallistellusadipiscing. Integer blandit massa vitae Integerblanditmassavitae ipsum viverra sit amet tempus ipsumviverrasitamettempus nunc ultrices. Etiam ut tortor id nuncultrices.Etiamuttortorid sapien suscipit convallis eu vitae sapiensuscipitconvalliseuvitae lectus. Ut a urna erat, sed aliquet lectus.Utaurnaerat,sedaliquet lorem. In ultrices porttitor nunc, lorem.Inultricesporttitornunc, a sollicitudin massa tempor vel. asollicitudinmassatemporvel. Mauris viverra interdum hendre- Maurisviverrainterdumhendrerit. Ut posuere, massa vitae rit.Utposuere,massavitae feugiat tincidunt, neque diam feugiattincidunt,nequediam consectetur nulla, vel imperdiet consecteturnulla,velimperdiet arcununcegetmi. arcununcegetmi.
legibilidade figura/fundo
1.
PRETO
4.
AZUL
7.
AMARELO
10.
VERMELHO
2.
VERDE
5.
BRANCO
8.
BRANCO
11.
VERDE
3.
VERMELHO
6.
PRETO
9.
BRANCO
12.
VERMELHO