TIPOGRAFIA / TIPOLOGIA

A Tipografia conhecida como a impresso dos TIPOS e est

desaparecendo com o desenvolvimento do computador.
Tipologia o estudo da formao dos tipos, essa por sua vez
cresce a cada dia. Mas no final, a nomenclatura utilizada
tipografia, assim como fonte virou tipo, atualmente.

O termo tipo o desenho de uma determinada famlia de letras

como por exemplo: verdana, futura, arial, etc.

As variaes dessas letras (ligth, itlico e negrito, por

exemplo) de uma determinada famlia so as fontes desenhadas
para a elaborao de um conjunto completo de caracteres que
consta do alfabeto em caixa alta e caixa baixa, nmeros,
smbolos e pontuao.

Os tipos constituem a principal ferramenta de comunicao. As

faces alternativas de tipos permitem que voc d expresso ao
documento, para transmitir instantaneamente, e no-
verbalmente, atmosfera e imagem

Tipografia transformar um espao vazio, num espao que

no seja mais vazio. Isto , se voc tem uma determinada
informao ou texto manuscrito e precisa dar-lhe um formato
impresso com uma mensagem clara que possa ser lida sem
problema, isso tipografia.
Wolfgang Weingart

Bom design aquele que utiliza bem as potencialidades da

tipografia.
Alis, no por acaso, que o conhecedor do design de
qualidade, consegue ver pelos tipos de letra utilizados se, quem
fez determinado projecto ou no profissional.

Na era da Revoluo Digital, tambm no de admirar, que a

tipografia seja uma rea bastante complexa, recorrendo a
tecnologias especficas e bastante avanadas, para obter o
melhor resultado em ecr, impressoras postscript, plotters, etc.

Falar em tipografia digital falar em criao de famlias de tipos

(para serem utilizados nos computadores pessoais em diversas
aplicaes, por exemplo), mas tambm na criao de logotipos,
letterings, ttulos, enfim, todo um universo tipogrfico que
recorra ao design de tipos para fins especficos e por vezes
nicos (ex: logotipo).

TIPOLOGIA E DESIGN

O maior de todos os objetivos do designer grfico o bom

senso e a criatividade bem aplicada. Ele precisa comunicar algo
a algum, e tem que chamar a ateno. A parte escrita muito
importante num projeto grfico e saber utilizar de forma correta
os tipos ou fontes fundamental. Alguns passos So abordados
na construo de uma pgina:

1. Contraste - importante lembrar de algumas regras

quando usar as fontes na composio: tamanho, peso,
estrutura, forma, direo, cor.

E algumas regras valem como dicas permanentes na

diagramao com tipos: fontes com serifa facilitam a leitura,
mas cuidado, na tela do computador as serifas podem
atrapalhar pois ficam serrilhadas nos pixels. Fonte sem serifa
ideal para ttulos, frases de cartaz, outdoor e textos de leitura
rpida.

O alinhamento esquerda tambm facilita a leitura. Cuidado

com o contraste que forma a cor com o fundo: amarelo sobre
branco tem uma leitura difcil, vermelho sobre verde vibra
muito, branco sobre preto em texto longo cansa a leitura.

2. Repetio - o que cria uma identidade visual com o leitor,

estabelecendo uma hierarquia, utilize determinadas fontes em
determinados pontos da sua pgina, como ttulos, sub-ttulos e
em pontos estratgicos.

3. Alinhamento centralize ou justifique quando o tema do

seu site e o texto for formal, caso contrrio procure utilizar o
texto de forma mais livre e disponha conforme a sua
criatividade e o bom senso permitirem. H cinco maneiras
bsicas de organizar as linhas de composio em uma pgina :

Justificada : todas as linhas tm o mesmo comprimento

e so alinhadas tanto esquerda quanto direita.
No-justificada direita : as linhas tm diferentes
comprimentos e so todas alinhadas esquerda e
irregulares direita.
No-justificada esquerda : as linhas tm diferentes
comprimentos e so alinhadas direita e irregulares
esquerda.
Centralizada : as linhas tm tamanho desigual, com
ambos os lados irregulares.
Assimtrica : um arranjo sem padro previsvel na
colocao das linhas.

4. Legibilidade - Talvez seja o ponto fundamental, muito

importante saber utilizar estilos de fontes em determinados
casos, fontes desconstrudas e modernas se encaixam bem em
sites modernos e jovens, fontes clssicas e manuscritas muitas
vezes se encaixam bem em sites clssicos e srios, fontes
normais e srias se encaixam perfeitamente em sites
institucionais e moderados.

Classificao dos tipos

Fonte: o conjunto completo de caracteres sob o mesmo estilo

e em todos os corpos: caixa alta e baixa, sinais de pontuao,
acentos e numerais.

Famlia de tipos: so todas as variaes de uma fonte:

Helvtica Narrow, Helvtica Narrow Bold, Helvtica Narrow Bold
Oblique.

Classificao

serifa triangular - elzevir, ex:Times New Roman

serifa linear - didot, ex:Bodoni
serifa quadrada - egpcio, ex: GeoSlab
ausncia de serifa - antigo
sem serifa, ex: Helvtica
semi sem serifa, ex: Optima
cursivas ( manuscritas ), ex: Thelly Alegro BT
fantasias, ex: Kidnap

Fontes digitais - Com o advento do computador a adobe

desenvolve a linguagem postscript que possibilitou um novo
formato de fonte, o vetorial.

fontes Adobe Type 1 - apresentam um n a cada 90

graus, trazendo refinamento e preciso ao desenho do
tipo. Para impresso
fontes True Type - apresentam um n a cada 45 graus,
portanto apresentam defeitos quando ampliados. Para
saida web

Baseados em estudos feitos por Francis Thibedeau, em meados

do sculo XVIII, na Frana, foi estabelecido as principais famlia
de letras de imprensa. So elas:

Romana antiga
Criada pelos franceses no sculo XVIII, inspirada na escrita
monumental romana, proporciona ao leitor um inconsciente
descanso visual, alcanando o maior grau de visibilidade de
todas as famlias.

Romana moderna
Criada pelos italianos no sculo XVIII, apresenta uma evoluo
dos romanos clssicos, Esteticamente agradveis, trouxeram
sensvel melhora na legibilidade das letras.

Egpcia ou Serifa Grossa

Criada com o advento da revoluo industrial, no sculo XVIII,
tem como caracterstica estrutural uma certa uniformidade nas
hastes e serifas retangulares.

Lapidria ou Sem Serifa

Criada na Alemanha no sculo XIX, possui caracteres com
poucas variaes em suas hastes, cujos arremates no
possuem serifas. Indicada para a confeco de hastes e
embalagens, mas desaconselhvel para textos longos.

Cursiva
So as letras que no se encaixam em nenhuma das famlias j
vistas. Elas tm hastes e serifas livres, o que as tornam as mais
ilegveis de todas, limitando seu uso a destaques, com nmero
limitado de toques.

Estilo Antigo: baseiam-se na escrita mo dos escribas, que

trabalhavam com uma pena na mo. Possuem serifas sendo
que na caixa baixa elas so inclinadas. nfase diagonal,
transio grosso-fina moderada. Ex.: Garamond

Estilo dos Tipos

Estilo Moderno: em 1700, o aperfeioamento do papel, as

tcnicas mais sofisticadas de impresso e um aumento genrico
dos dispositivos mecnicos foram fatores que fizeram com que
o tipo tambm se tornasse mais mecnico. nfase vertical,
serifas horizontais e finas, transio grosso-fino radical. Ex.:
Bodoni

Serifa grossa: surgiu com o conceito de propaganda depois da

Revoluo Industrial. Tambm chamada de tipo egpcio. nfase
vertical, as serifas em caixa baixa so horizontais e grossas,
pouca ou nenhuma transio grosso-fino nos traos. Ex.: New
Century Schoolbook

Sem serifa: o tipo chamado de sans serif. A idia de remover

as serifas foi um progresso tardio na evoluo das tipologia e
no obteve muito sucesso at o incio do sculo XX. No h
serifa em parte alguma, no h transio grosso-fino nos
traos, no h nfase em nenhum dos eixos. Ex.: Antique Olive

Manuscrito: todos os tipos que parecem ser escritos mo.

Ex.: Ariston

Decorativo: so timos, engraados, diferentes, fceis de usar.

Ex.: Shabby

PADRES PARA WEB

O produtor de contedo e o designer deve se preocupar com a

padronizao grfica que adotar, respectivamente, na
produo do texto e na soluo grfica da aplicao web.

Aplicar pouca variedade de tipos, evita uma miscelnea de

letras que acabam por dificultar a leitura e a definio de um
estilo para a o conjunto da aplicao.

Variaes de tipos - Especialistas sugerem que o nmero de

tipos de letras utilizados fique em torno de trs.

Utilize tipos de letras para caracterizar diferentemente o ttulo,

o texto e anotaes. Ao adotar, por exemplo, trs tipos, pode-
se fazer uso de suas variaes como o itlico, o bold e o
condensado que permitem boa margem de opes, sem,
 contudo, descaracterizar o estilo da pgina.

A escolha do tipo de letra - Embora subjetiva, deve

considerar legibilidade, ou seja, a facilidade que leitor deve
ter para reconhecer as letras.

Tipos serifados
Tipos que contem traos nas extremidades das letras. Guiam os
olhos do leitor de uma letra para outra, imprimindo ritmo e
facilitando a leitura impressa.
Ex: Garamond, humanistic, Aldine, etc.

Tipos sem serifa (tipo bastonado)

Tipos que no contem traos, so retos, utilizados em ttulos e
legendas com letras no formato bold. Os tipos sem serifa
facilitam a leitura na web.
Ex: Helvtica, Verdana, Arial, Futura, etc.

Baseado no material do professor de Design da Universidade Anhembi Morumbi - Andrej Grujic