Tipografias na Cultura Contemporânea

Prévia do material em texto

a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
tipografias
origens e anatomia
pesos e ritmos
tipografia e tecnologia
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
tipografias
fonte e texto
imagem e espaço
o universo alltype
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
a cultura contemporânea em projeto
prof.nelson_urssi
nelson.jurssi@sp.senac.br
www.urssi.com
conteúdo pela forma
programação tipográfica
diagramação
tipografias
TipografiasO tipo, famílias e set de fontes.
tipografia . [De tipo-2 + -grafia.] 
S. f. 1. Arte que compreende as 
várias operações conducentes 
à impressão dos textos, desde a 
criação dos caracteres à sua com-
posição e impressão, de modo 
que resulte num produto gráfico 
ao mesmo tempo adequado, 
legível e agradável. 2. Tipologia 
(2). 3. Art. Gráf. Restr. Sistema de 
imprimir com fôrmas em relevo; 
impressão tipográfica. 4. Estilo 
ou arranjo do texto tipográfico. 5. 
Estabelecimento tipográfico.
tipologia . [De tipo-2 + -logia.] S. 
f. 1. V. biotipologia. 2. Coleção de 
caracteres tipográficos utilizados 
num projeto gráfico; tipografia. 3. 
E. Ling. O estudo dos diversos mo-
dos pelos quais as línguas podem 
diferir umas das outras. 
tipometria . [De tipo-2 + -me-
tria.] S. f. 1. Sistema de medidas 
tipográficas baseadas no ponto. 
[V. sistema Didot, sistema anglo-
norte-americano e sistema 
Fournier.] 
Palavras e definições
tipo. [Do gr. tWpos , ‘cunho’, 
‘molde’, ‘sinal’.] S. m. 2. Coisa que 
reúne em si os caracteres distinti-
vos de uma classe; símbolo. 3. 
Exemplar, modelo. 10. Qualquer 
peça, ger. móvel e em relevo, que 
tem a função do tipo (9). 11. Tip. 
Paralelepípedo de metal fundi-
do (ou de madeira, nos grandes 
corpos), cujo olho, conveni-
entemente entintado, imprime 
determinada letra ou sinal.12. 
Tip. Letra impressa, resultante 
de composição tipográfica ou 
de fotocomposição. [Sin., nesta 
acepç.: caráter, letra, letra de 
imprensa, letra de fôrma, letra 
redonda.] Tip. 1. Tipo de com-
posição manual, assim dito em 
contraposição aos tipos das 
compositoras mecânicas. Tipo 
de fantasia. Tip. 1. Aquele cujo 
desenho procura ser antes de 
tudo vistoso, e que, por isso, serve 
apenas para anúncios, títulos e 
pequenos impressos. Tipo gótico. 
Tip. 1. Caráter tipográfico que 
reproduz letra gótica.
família . [Do lat. familia.] S. f. 1. 
Pessoas aparentadas, que vivem, 
em geral, na mesma casa, par-
ticularmente o pai, a mãe e os 
filhos. 2. Pessoas unidas por laços 
de parentesco, pelo sangue ou 
por aliança: uma festa de família; 
os membros de uma família. 3. 
Ascendência, linhagem, estirpe. 
4. Biol. Categoria taxonômica 
compreendida entre a ordem e 
o gênero. 14. Tip. Conjunto de 
tipos que apresentam o mesmo 
desenho básico, malgrado 
variações de corpo, inclinação, 
largura, etc. Ex.: Bodoni, Didot e 
Helvética. E. Ling. 1. Conjunto de 
palavras que têm a mesma raiz. 
set . [Ingl., ‘conjunto’, ‘série’.] 
Conjunto de fontes disponíveis 
em um computador, geralmente 
gerenciadas por um software. Ver 
ATM, FontBook e Suitcase.
alltype . [Ingl.] S. m. Prop. 1. Trab-
alho gráfico (cartaz, anúncio, capa 
de livro, etc.) constituído apenas 
de texto, ilustração apenas com 
tipografia.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
a b c d e f g h i j k l m n o p q r s t u v w x y z 
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) ? < > { } [ ] , . ; : ’ ”
CAIXA ALTA
UPPER CASE
CAIXA BAIXA
LOWER CASE
NÚMEROS&SÍMBOLOS
NUMBERS&SYMBOLS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
a b c d e f g h i j k l m n o p q r s t u v w x y z 
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) ? < > { } [ ] , . ; : ’ ”
CAIXA ALTA
UPPER CASE
CAIXA BAIXA
LOWER CASE
NÚMEROS&SÍMBOLOS
NUMBERS&SYMBOLS
Arial
Times
Tipografiafamílias
Estrutura
A Barra I Haste
BaseBase
G 
Serifa
Barriga
Base
e OlhoMontante ou Trave
design gráfico
ascendentes: d b f i t 
descendentes: g j p q 
Tipografiaestrutura
Tipografiasajustes óticos
Kerning: Ajuste do espaço entreletras par a par.
Tracking: Ajuste do espaço entreletras em um bloco de texto.
Interrupções Óticas
Entreletra
Correções Óticas
COE
tipo cursivo ou script
serifa Egipciana
serifa Didot
serifa Elzevir
tipo Bastão
tipo fantasia
Classificações PesosVisuais
Tipografiasdefinições
Aabc
Aabc
Aabc
Aabc Aabc
Aabc
Aabc
Aabc
Aabc
Aabc
didot
caslon
american 
typewriter
courier
georgia
garamond
times
jenson
baskerville
bodoni
Aabc
Aabc
Aabc
Aabc Aabc
Aabc
Aabc
Aabc
Aabc
Aabc
helvética
futura
myriad
geneva
optima
lucida grande
verdana
trebuchet
arial
bell gothic
AabcAabc
AabcAabc AabcAabc
Aabc
Aabc
Aabc
Aabc
marker felt
brush script
party
comic sans
school
house
cursive
papyrus
zapfino
santa fe
apple 
chancery
bickham script
Aabc
Aabc
�abc
Aabc Aabc
Aabc
Aabc
Aabc
Aabc
Aabc
rosewood
princetown
comicker
remedy
ultramor
synchro
viva std
virus
giddyuo std
bodon�
Tipografiasdefinições
O texto alinhado à esquerda muda o ritmo da 
página. Seu uso incorpora o espaço em branco, 
que é sempre necessário. Pesquisas afirmam 
que o texto justificado dá seriedade à composição 
e o alinhado à esquerda acelera a leitura.
Lorperosto et, consectem diam et nonse facing exer sed dolenim vel ut lor 
acilit am autetue coreet, venim at. 
Lore commy nos nostrud et lum 
dolestrud dolut erit am dolore 
do dit prat num volore tetue 
faciliquat, sustrud magnibh ea at 
incilis equatum volobore consent il 
dolestrud ting eugiat.
Lorperostrud esenibh el in hent 
dio deliquat. Lore dolore ex eril il 
ut ulla facip erci tet inciniamcore 
magna feum irit nulputpat lor 
adip eugait lorperaestio eum 
augiam, commy nonullaor sum 
quat, conullut dolorpe aesectem 
vel ullamco modolutat ad do 
od molorpe iureetummy nim 
iure elessim zzril ullaorpero 
od dolessent augue facilis duis 
nostrud doloboreet, quatinim. Lore 
mincinim dolor aciliquatuer alit 
nonsedtat.
Lorperosto et, consectem diam et nonse facing exer sed dolenim vel ut lor acilit 
am autetue coreet, venim at. Lore 
commy nos nostrud et lum dolestrud 
dolut erit am dolore do dit prat 
num volore tetue faciliquat, sustrud 
magnibh eaat incilis equatum 
volobore consent il dolestrud ting 
eugiat.
Lorperostrud esenibh el in hent dio 
deliquat. Lore dolore ex eril il ut ulla 
facip erci tet inciniamcore magna 
feum irit nulputpat loradip eugait 
lorperaestio eum augiam, commy 
nonullaor sum quat, conullut dolorpe 
aesectem vel ullamco modolutat 
ad do od molorpe iureetummy nim 
iure elessim zzril ullaorpero od 
dolessent augue facilis duis nostrud 
doloboreet, quatinim. Lore mincinim 
dolor aciliquatuer alit nonsed tat.
Lorperosto et, consectem diam 
Lorperosto et, consectem diam 
et nonse facing exer sed dolenim 
vel ut lor acilit am autetue coreet, 
venim at. Lore commy nos nostrud 
et lum dolestrud dolut erit am 
dolore do dit prat num volore tetue 
faciliquat, sustrud magnibh ea at 
incilis equatum volobore consent il 
dolestrud ting eugiat.
Lorperostrud esenibh el in hent 
dio deliquat. Lore dolore ex eril il 
ut ulla facip erci tet inciniamcore 
magna feum irit nulputpat lor 
adip eugait lorperaestio eum 
augiam, commy nonullaor sum 
quat, conullut dolorpe aesectem 
vel ullamco modolutat ad do 
od molorpe iureetummy nim 
iure elessim zzril ullaorpero 
od dolessent augue facilis duis 
nostrud doloboreet, quatinim. Lore 
mincinim dolor aciliquatuer alit 
nonsedtat.
et nonse facing exer sed dolenim 
vel ut lor acilit am autetue coreet, 
venim at. Lore commy nos nostrud 
et lum dolestrud dolut erit am 
dolore do dit prat num volore tetue 
faciliquat, sustrud magnibh ea at 
incilis equatum volobore consent il 
dolestrud ting eugiat.
Lorperostrud esenibh el in hent 
dio deliquat. Lore dolore ex eril il 
ut ulla facip erci tet inciniamcore 
magna feum irit nulputpat lor 
adip eugait lorperaestio eum 
augiam, commy nonullaor sum 
quat, conullut dolorpe aesectem 
vel ullamco modolutat ad do 
od molorpe iureetummy nim 
iure elessim zzril ullaorpero 
od dolessent augue facilis duis 
nostrud doloboreet, quatinim. Lore 
mincinim dolor aciliquatuer alit 
nonsedtat.
Letra capitular
Alinhamento à esquerda.
Blocos de texto. 
Excelente legibilidade
Alinhamento centralizado.
Textos soltos, comentários e 
citações. Boa legibilidade.
Alinhamento à direita.
Blocos de texto, comentários e 
citações. Boa legibilidade.
Alinhamento justificado.
Blocos de texto. Atençao à 
uniformidade visual. Excelente 
legibilidade.
Blocos de textos
AlinhamentosTextos
Lorperosto et, consectem diam et nonse facing exer sed dolenim vel ut lor 
acilit am autetue coreet, venim at. 
Lore commy nos nostrud et lum 
dolestrud dolut erit am dolore 
do dit prat num volore tetue 
faciliquat, sustrud magnibh ea at 
incilis equatum volobore consent il 
dolestrud ting eugiat.
Lorperostrud esenibh el in hent 
dio deliquat. Lore dolore ex eril il 
ut ulla facip erci tet inciniamcore 
magna feum irit nulputpat lor 
adip eugait lorperaestio eum 
augiam, commy nonullaor sum 
quat, conullut dolorpe aesectem 
vel ullamco modolutat ad do 
od molorpe iureetummy nim 
iure elessim zzril ullaorpero 
od dolessent augue facilis duis 
nostrud doloboreet, quatinim. Lore 
mincinim dolor aciliquatuer alit 
nonsedtat.
Lorperosto et, consectem diam et nonse facing exer sed dolenim vel ut lor acilit 
am autetue coreet, venim at. Lore 
commy nos nostrud et lum dolestrud 
dolut erit am dolore do dit prat 
num volore tetue faciliquat, sustrud 
magnibh eaat incilis equatum 
volobore consent il dolestrud ting 
eugiat.
Lorperostrud esenibh el in hent dio 
deliquat. Lore dolore ex eril il ut ulla 
facip erci tet inciniamcore magna 
feum irit nulputpat lor adip eugait 
lorperaestio eum augiam, commy 
nonullaor sum quat, conullut dolorpe 
aesectem vel ullamco modolutat 
ad do od molorpe iureetummy nim 
iure elessim zzril ullaorpero od 
dolessent augue facilis duis nostrud 
doloboreet, quatinim. Lore mincinim 
dolor aciliquatuer alit nonsed tat.
Lorperosto et, consectem diam 
Lorperosto et, consectem diam 
et nonse facing exer sed dolenim 
vel ut lor acilit am autetue coreet, 
venim at. Lore commy nos nostrud 
et lum dolestrud dolut erit am 
dolore do dit prat num volore tetue 
faciliquat, sustrud magnibh ea at 
incilis equatum volobore consent il 
dolestrud ting eugiat.
Lorperostrud esenibh el in hent 
dio deliquat. Lore dolore ex eril il 
ut ulla facip erci tet inciniamcore 
magna feum irit nulputpat lor 
adip eugait lorperaestio eum 
augiam, commy nonullaor sum 
quat, conullut dolorpe aesectem 
vel ullamco modolutat ad do 
od molorpe iureetummy nim 
iure elessim zzril ullaorpero 
od dolessent augue facilis duis 
nostrud doloboreet, quatinim. Lore 
mincinim dolor aciliquatuer alit 
nonsedtat.
et nonse facing exer sed dolenim 
vel ut lor acilit am autetue coreet, 
venim at. Lore commy nos nostrud 
et lum dolestrud dolut erit am 
dolore do dit prat num volore tetue 
faciliquat, sustrud magnibh ea at 
incilis equatum volobore consent il 
dolestrud ting eugiat.
Lorperostrud esenibh el in hent 
dio deliquat. Lore dolore ex eril il 
ut ulla facip erci tet inciniamcore 
magna feum irit nulputpat lor 
adip eugait lorperaestio eum 
augiam, commy nonullaor sum 
quat, conullut dolorpe aesectem 
vel ullamco modolutat ad do 
od molorpe iureetummy nim 
iure elessim zzril ullaorpero 
od dolessent augue facilis duis 
nostrud doloboreet, quatinim. Lore 
mincinim dolor aciliquatuer alit 
nonsedtat.
viúva: 
palavra ou sílaba que sobra na últi-
ma linha do parágrafo. Evite-a.
Letra capitular
orfã: 
Primeira linha do parágrafo impres-
sa islodamente na base de uma 
página. Evite-a.
 É necessário alterar os espa-
ços excedentes entre letras e pala-
vras para garantir uma uniformida-
de visual em uma diagramação. 
Alinhamento à esquerda.
Blocos de texto. 
Excelente legibilidade
Alinhamento centralizado.
Textos soltos, comentários e 
citações. Boa legibilidade.
Alinhamento à direita.
Blocos de texto, comentários e 
citações.Boa legibilidade.
Alinhamento justificado.
Blocos de texto. Atençao à uniformi-
dade visual. Excelente legibilidade.
Blocos de textos
AlinhamentosTextos
As linhas padrões fazem o texto ser imparcial 
ao conteúdo. As linhas horizontais mais 
pronunciadas facilitam a leitura. As entrelinhas 
mais abertas incorporam o branco na página, 
deixam o texto mais leve.
Lorem diamet iure magna alit irit 
augait doloboreet, susto er ipis 
el do cortis nibh ea feuissed te 
feuisi tie tate vullumsan ullam, 
sum dolore tet la conum ilis alis 
ad eros nim dolorer esent praesto 
consed min ullum veraessectem 
ing esequat nibh et prat. Ut la 
acilla faccum quiscinis dipisit 
nulluptat il eugiam, quat la aci te 
del deliquat, quat acilisissed diat, 
suscilis eumsand ercip erit, se 
faci blaore conulla faci ex enibh 
eugait, voloboreet autatin exer 
iliquat ad dipsums ndignibh et irilla 
feugait utem quate commodolore 
mincin ex exeraesed dolobore tat. 
Duipissis at at praesen amcommy 
nit eriusto ercilis nonsed elit eum 
acil ilit num quatem vel in velis 
doluptat, con hendiat nis alis 
nullutpatue modiat lutpat. Ut alit, 
senisl dolorem in hent do duiscil 
quat, si.
Duipsusto commy nonummodipit 
iustrud magna consectem num quis 
nim doloboreet wissit, venis nulla 
feummy nonulput vero etuerit alit 
nibh ea feugait irit laore magnis 
alit praestrud tet wis alissi.
Lore consed tie molent vel inis 
niam doleniamet wisciduis 
alitLoreros dignibh eu feum vel 
dion heniamconsed molorpe aestin 
ullaoreet vel ut loboreet, quam 
delit venis acidui blaor seniamc 
mmolorper inci bla feum ate 
duisi bla facillummy nis nim dunt 
vulput lummy nisisl dolesse uatum 
dignissis ad dolobore ming er se 
consequat at, conum nullutpat, con 
velesto core tatie eugue consenibh 
el ute volore dolor atinis doluptatio 
euis augait in endipit dolor illum 
dolore venis nullaor ratinim. 
Lore miniam, con ut in eummy 
nonsed elessecte conse consectem 
ad dipsumm lenisit adio eniam 
dit wisit ad modipis nibh enisisisl 
doloreet dolore dolorpe cillam, 
sis atirilla conse dolesequi tat. Ut 
dolor ad min ut wismod tinci tat, 
vent nonsent utpat lore minisisi.
Duismod lenim esendipit augiam 
ipisit, vel dunt lum eraesectem 
dipissectem quam at landio 
odoluptat. Ut prat, sum alit alit nis 
nibh ex et prat do diam ero.
corpo12pt entrelinha14,4pt corpo12pt entrelinha18pt corpo12pt entrelinha30pt corpo12pt entrelinha48pt
Et, velis nostrud minit loboreet, 
vulluptatum dolor adiatum nostrud 
diam quam quisit dolortio dio 
consenibh exercin ese faciduis 
acilit ilisisl ulputatuero delissecte 
eu feu faccum augue min 
ullaorperate core voloreet dip 
eugiam, si blamcon ute te dolor 
iriure eu feui te vel ex exero core 
Blocos de textos
EntrelinhasTextos