02 - Tipografia

Prévia do material em texto

Mirella Migliari, 2007 ©
O que é Tipografia?
Mirella Migliari, 2007 ©
Tipografia
1. Refere-se ao desenho das fontes (tipos).
2. Diz respeito à disposição visual da
linguagem.
3. É o registro mecânico* da linguagem.
*Mecânico: se refere à automatização da tarefa, seja por um
processo físico (mecânico) ou digital. A idéia da mecanização
sugere a principal diferença entre tipografia e escrita: tipografia
implica na escrita com uso repetido das mesmas unidades.
A escrita é única e não se repete.
Mirella Migliari, 2007 ©
A Tipografia por Weingart
• “Tipografia é transformar um espaço vazio
num espaço que não seja mais vazio. Isto é,
se você tem uma determinada informação ou
um texto manuscrito e precisa dar-lhe um
formato impresso com uma mensagem clara
que possa ser lida sem problema, isso é
tipografia. Mas essa definição tem o defeito
de ser muito curta. (…)”
Mirella Migliari, 2007 ©
A Tipografia por Weingart
• “(…) Tipografia pode ser também algo que não
precisa ser lido. Se você gosta de transformar
partes dessa informação em algo mais
interessante, pode fazer algo ilegível, para que
o leitor descubra a resposta (…)”
Mirella Migliari, 2007 ©
Nem sempre é para ser lida…
Mirella Migliari, 2007 ©
Terminologia
• Fonte (font): É o conjunto de todos os caracteres (de A a Z, em Caixa
alta e baixa, símbolos, números, etc.) com as mesma características
formais. Ex.: Helvetica, Helvetica Bold, Helvetica Bold Italic, Helvetica
Light, Helvetica Light Condensed, etc.
• Família (typeface): É o conjunto de fontes com as mesmas
características formais mas com variação de estilo. Ex.: A família
Univers é a que possui mais fontes.
• Tipo (type): Atualmente é também sinônimo de fonte. No entanto o
termo provém do tipo-móvel inventado por Gutenberg: peça fundida em
metal cuja impressão denomina-se tipografia.
Mirella Migliari, 2007 ©
Família Univers
• Família: é o conjunto de todas as fontes com as mesmas características
formais, mas com variação de estilo.
Mirella Migliari, 2007 ©
Tipo móvel (type)
• É o objeto tridimensional desenvolvido por Gutenberg: uma peça em
metal com uma face em relêvo com o desenho espelhado do caracter.
Tipo é também sinônimo de fonte.
Mirella Migliari, 2007 ©
Bíblia
de 42 Linhas
• Por volta do ano 1454,
Johannes Gutenberg
desenvolveu a primeira
de todas as FONTES,
conhecida como Textura.
A fonte reproduzia o tipo
de escrita da Idade Média.
É uma fonte da classe
das Góticas.
Mirella Migliari, 2007 ©
• Detalhe: Capitular
e maiúsculas
desenhadas à
mão.
Bíblia
de 42 Linhas
Mirella Migliari, 2007 ©
Terminologia
• Serifa (serif): Pequena haste adicionada às terminações das
letras, quando desenhadas à caneta ou gravadas na pedra.
Mirella Migliari, 2007 ©
Terminologia
• Caixa alta (uppercase): Letra maiúscula.
• Caixa baixa (lowercase): Letra minúscula.
• Versais (allcaps): Caixa alta, maiúsculas.
• Capitular: Letra grande de abertura de capítulo.
• Versalete (smallcaps): Caixa alta com altura da caixa baixa.
Mirella Migliari, 2007 ©
Observe a variação na caixa:
Mirella Migliari, 2007 ©
Formatação de textos
• Há programas apropriados para se
trabalhar a formatação dos textos:
– Adobe Indesign ou
– Adobe illustrator (window>type>character;
type>change case)
Mirella Migliari, 2007 ©
Formatação de textos
• O que deverá ser definido?
– Largura do texto e/ou colunas;
– Espacejamentos;
– Alinhamento;
– Fontes e Caixas;
– Forma do texto.
Mirella Migliari, 2007 ©
Largura do texto
• Não se deve utilizar linhas de texto muito
longas. É preferível dividir o texto em colunas
ao invés de mante-lo extenso no sentido
horizontal.
• Sabe-se que, para impressos em geral, a
coluna ideal é a que possui 60 caracteres
por linha. Caso a quantidade de caracteres
seja maior, é aconselhável aumentar a
entrelinha.
Mirella Migliari, 2007 ©
Largura do texto
Lorem ipsum dolor sit ametl, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit ametl, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut Duis autem vel
eum iriure dolor
in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio
nostrud exerci tation ullamcorper suscipit
dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
✗
✔
Mirella Migliari, 2007 ©
Largura da coluna
• Não se deve utilizar colunas muito
estreitas. É preferível que sejam menos
colunas e mais largas, para acomodar
mais palavras em cada linha.
Mirella Migliari, 2007 ©
Largura da coluna
Lorem ipsum dolor
sit ametl,
consectetuer
adipiscing elit, sed
diam nonummy
nibh euismod
tincidunt ut laoreet
dolore magna
aliquam
Lorem ipsum dolor sit ametl, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut Duis autem vel
eum iriure dolor
in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis
at vero eros et accumsan et iusto odio
nostrud exerci tation ullamcorper suscipit
dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi. Lorem
ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut
laoreet dolore magna aliquam erat volutpat. Ut wisi
enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat.
✗
✔
erat volutpat. Ut
wisi enim ad minim
veniam, quis
nostrud exerci
tation ullamcorper
suscipit lobortis nisl
ut Duis autem vel
eum iriure
dolor
in hendrerit in
vulputate velit esse
molestie
consequat, vel illum
dolore eu feugiat
nulla facilisis at
vero eros et
accumsan
et iusto odio
nostrud exerci
tation ullamcorper
suscipit
dignissim qui
blandit praesent
luptatum zzril
delenit augue duis
dolore te feugait
nulla facilisi. Lorem
ipsum dolor sit
amet, consectetuer
adipiscing elit, sed
diam nonummy
nibh euismod
tincidunt ut laoreet
dolore
Mirella Migliari, 2007 ©
Bloco de texto uniforme
✗ ✔
Mirella Migliari, 2007 ©
Formatação de textos
• Espacejamentos – spacing
– Entrelinhas – leading
É a distância entre a base da primeira linha e a base da linha
seguinte.
– Entreletras – tracking
“Tracking é o controle do espaço médio entre os caracteres
num bloco de texto.”
(Niemeyer, 2000: 62)
– Ajuste Entreletras – kerning
“(…) o ajustamento de espaços horizontais entre partes de
caracteres específicos de um texto.”
(Niemeyer, 2000: 62)
Mirella Migliari, 2007 ©
Entrelinha
• É difícil para leitor
seguir a seqüência
correta de linhas do
texto quando estas
são muito
espacejadas.
• A entrelinha muito
fechada tende a
embaralhar a leitura.
• A entrelinha ideal
de leitura
corresponde a
125% do tamanho
do tipo usado.✗
✔
✗
Mirella Migliari, 2007 ©
Kerning e Tracking
Sem kerning Com kerning
Variação de tracking
Mirella Migliari, 2007 ©
Terminologia para alinhamentos
• Alinhamentos:
– À esquerda;
– À direita;
– Centralizado;
– Justificado – ou blocado (todas as linhas com a
mesma largura): Neste caso haverá variação no
espaço entre letras que deverá ser ajustada à mão –
ajuste fino – para não deixar buracos.
– Justificado forçado: Neste último caso a última
linha, inclusive, também estará justificada.
Mirella Migliari, 2007 ©
Alinhamentos
Textos com alinhamentos irregulares nunca deverão ser hifenizados.
À esquerda
À direita
Centralizado
Mirella Migliari, 2007 ©
Texto Justificado ou Blocado
✗ ✔
evitar a viúva
Deverá ser hifenizado
Mirella Migliari, 2007 ©
Variedade de caixa
• Um texto corrido formatado em Caixa
alta oferece maior dificuldade para
leitura do que quando formatado em
Caixa baixa.
Mirella Migliari, 2007 ©
Variedade de caixa
✗ ✔
Mirella Migliari, 2007 ©
Maleabilidade
• O texto pode definir formas, tornar-se linha
ou preenchimento, por sua característica
maleável.
Mirella Migliari, 2007 ©
Maleabilidade