[ tipografia ]

GUI A PA RA ESCO L H E R E CO M B I NA R
FON TES PA RA A P R ESE NTA ÇÕ ES
[ intro ] Ao montar um material gráfico, não há nada mais natural do que a inde-

cisão da escolha da fonte para o corpo de texto. Existe um catálogo

vasto de formas, tamanhos e estilos variados, e saber harmonizá-los

com imagens, cores e textos pode ser uma tarefa difícil. Como, em

meio a esse vasto catálogo, escolher a fonte que irá transmitir a men-

sagem de forma desejada?

Neste e-book trataremos de alguns fatores decisivos na escolha da

fonte que virá a ser utilizada. De uma forma que facilite ao leitor a com-

preensão do lugar e ocasião em que se encaixa cada categoria de fonte,

além de materiais que auxiliem a combinação e construção de um layout

consistente através da escolha tipográfica simplificada e intuitiva.

01 —
[tipografia]
[ glossário ] Para que a leitura deste e-book seja clara, é importante que alguns

termos que aqui serão utilizados estejam reconhecidos pelo leitor:

Tipo: a letra.

Tipografia (ou tipologia): técnica, arte e ciência de criar e compor tipos.

Família tipográfica: conjunto de uma fonte e suas variantes (negrito, itálico, light, versalete, etc).

Caractere: cada uma das letras, números e pontuações que fazem parte da mesma família (os espaços

também são caracteres)

Fonte: o conjunto de caracteres que seguem o mesmo estilo.

Entreletra (kerning): espaço que existe entre duas letras.

Entrelinha: espaço entre duas linhas.

Leiturabilidade: facilidade do leitor de entender o conteúdo de um texto.

Legibilidade: o quão confortável é a leitura de um texto (se as letras são distinguidas facilmente).

02 —
[tipografia]
[ o tipo ] A tipografia é o componente visual de uma palavra escrita. De uma

forma simplificada, é correto dizer que é tudo que compõe grafica-

mente esse texto: o formato da letra, o espaço entre as letras e as

linhas, o quanto é confortável a leitura desse texto, etc.

A escolha tipográfica é um dos trabalhos que mais definem o panorama

geral de um material gráfico. Isso porque é através do recurso-texto

que se passa a sensação e emoção que o leitor vai ter em contato com

o material. Não existe uma fórmula exata de como deve ocorrer essa

escolha, visto que há muitos fatores mutáveis - o público para o qual se

estará apresentando, a escolha estética da apresentação, os elemen-

tos com os quais o texto será apresentado, etc.

03 —
[tipografia]
[ anatomia
do tipo ] Tipografia 101
linha das ascendentes

corpo altura-x
linha de base
linha das descendentes

abertura ombro ápice arremate ascendente barriga braço cauda descendente espinha

a h A e d p E Q q S
haste haste
diagonal vertical perna serifa vértice ligadura olho orelha pescoço

v h M M O g
maiúsculas minúsculas versalete sobreescritos subscritos

AB ab AB
04 —
[tipografia]
[ classificação A classificação das família tipográficas normalmente se dão a partir do

dos tipos ]
contexto no qual a fonte foi criada e seu objetivo. De uma forma geral,

podemos citar quatro categorias nas quais as famílias se encaixam:

Tipografia Tipografia
SERIFADAS SANS-SERIF
Famílias mais tradicionais, com "pés". Famílias de estética moderna, sem serifa.

Times New Roman, Baskerville. Helvetica, Montserrat, Univers.

Tipografia 
SCRIPT DISPLAY
Famílias que imitam ou se inspiram em tipos Famílias com caráter puramente decorativo.

feitos à mão, cursiva. Lavanderia, Bakery, Zapfino. GoodDog, Riesling, Sail.

05 —
[tipografia]
[ como escolher É importante ressaltar que para esta etapa não existe uma fórmula

uma fonte ]
sólida e imutável. Como foi dito na abertura deste e-book, o campo da

tipografia é muito vasto, com inúmeras combinações e escolhas pos-

síveis, ficando a critério de quem está desenvolvendo o material

entender a sensação e emoção que o leitor vai ter ao visualizar deter-

minada fonte.

A escolha da fonte é uma forma gráfica do autor do trabalho apresentar

a personalidade do conteúdo ao público. Uma ferramenta de comuni-

cação não muito diferente da roupa que ele está usando ou da lingua-

gem com a qual ele se comunica.

A seguir serão apresentados alguns pontos que podem facilitar esse

processo de escolha tipográfica, ajudando você a encontrar a solução

ideal para essa parte tão desafiadora da composição gráfica.

06 —
[tipografia]
[ como escolher Para a construção de títulos: uma fonte mais marcante. Com mais con-

PESOS
uma fonte ]
traste, ou uma variação mais pesada caso queira chamar mais atenção.

Para o subtítulo: uma fonte leve cria um alto contraste, o que esta-
VA R I A M
belece uma boa hierarquia de informações - em subtítulos curtos, pode

[ 1]
ser utilizado também todas as letras maiúsculas.
VIAGEM E AVENTURA

Para o corpo de texto: para textos impressos, normalmente é indicado

o uso de fontes serifadas. Já no texto em uma apresentação, que não

ILHAScaribenhas
costuma ser muito longo, essa escolha pode ser mais livre. A única

preocupação deve ser quanto a legibilidade, para garantir que o público

possa reconhecer o conteúdo do texto sem muito esforço ( já que

provavelmente estarão ouvindo e lendo ao mesmo tempo) . TÍTULO BOLD

SUBTÍTULO LIGHT

Caso você escolha utilizar somente uma fonte para o título/subtítulo/-

texto, estabeleça uma hierarquia clara no conteúdo - variando o peso

ou tamanho de fonte, por exemplo. Tít u l o e m mi núsc ulas

SUBTÍTULO ALL C APS

07 —
[tipografia]
[ como escolher Se coloque no lugar do leitor - uma pessoa que nunca viu este texto

uma fonte ]
antes. Verifique se a fonte que você escolheu faz com que a leitura de

uma pessoa alheia a sua criação seja confortável e clara.

Lembre-se que sua escolha tipográfica deve dialogar com a sensação

[ 2]
de sua apresentação. Tenha em mente se ela seguirá um caminho mais

divertido/formal, se trará uma estética mais vintage ou moderna, etc. E

que este fator deve estar alinhado também a quem será o seu público!

08 —
[tipografia]
[ como escolher Como foi mostrado na parte anatômica do tipo, cada altura e tamanho

uma fonte ]
de letra foi calculado pelo tipógrafo responsável. Tendo isso em mente,

lembre-se de nunca distorcer uma caixa de texto (deixá-lo mais largo ou

mais estreito) só para que ele caiba em um espaço pré-determinado.

[ 3]
O mesmo vale para as medidas de entrelinha e entreletra. Na maioria

dos programas de edição de texto há a ferramenta para modificar estes

espaços - e isso é totalmente aceitável, desde que não deforme o texto.

NORMAL MUITO ESPAÇO ENTRELETRA POUCO ESPAÇO MUITO ESPAÇO

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
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 ullamcor-
per suscipit lobortis nisl ut aliquip ex ea
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit,
sed diam nonummy nibh euis-
POUCO ESPAÇO ENTRELETRA
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat
ENTRELINHA ENTRELINHA
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod consectetuer adipiscing elit, sed
tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim diam nonummy nibh euismod
ad minim Lorem ipsum dolor sit
amet, consectetuer adipiscing elit,
sed diam nonummy nibh Lorem tincidunt ut laoreet dolore magna
ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy aliquam erat volutpat. Ut wisi enim
nibh euismod tincidunt ut laoreet
dolore magna aliquam erat volutpat. ad minim Lorem ipsum dolor sit

09 —
[tipografia]
[ como escolher Para que o design tenha uma certa unidade gráfica, um recurso que

uma fonte ]
pode ser utilizado é alinhar as cores do título ou de outros elementos

do texto com cores que estejam na sua apresentação.

Tenha como base a cor do fundo e explore cores complementares ou CAPÍTULO

QUATRO
[ 4]
tons diferentes desta cor para os elementos do seu texto (título,

negritos, barras, etc).

?
COMO
ESCOLHER
FONTES

10 —
[tipografia]
[ como escolher Em uma situação de indecisão ou insegurança, existem algumas fontes
uma fonte ]
que podem servir como coringa. Famílias neutras, que podem ser apli-
cadas em diferentes contextos sem destoar da apresentação, seja ela
com a estética que for - salvo exceções, os exemplos ao lado devem
ajudar num panorama geral.
[ 5] A maioria das fontes apresentadas neste e-book estão disponíveis para
download gratuito na internet, e embora essa etapa possa parecer
trabalhosa, demandando um certo tempo de busca e instalação, uma boa
escolha tipográfica transmite um cuidado e profissionalismo da parte de
quem monta a apresentação e a diferença no resultado final é evidente.
11 —
[tipografia]
Univers
Fonte de alta legibilidade utilizada para os
mais diversos meios (desde os teclados da
Apple até a sinalização do metrô de Paris), a
Univers é uma fonte muito popular entre
designers e é um ícone da tipografia moderna.
Roboto
Fonte sans-serif bastante difundida também
pela sua ótima legibilidade, se comporta
muito bem em todas as variações de sua
família (negrito, condensado, etc).
Garamond
Fonte serifada largamente utilizada para
textos longos impressos.
Bodoni
Fonte serifada que se comporta muito bem
em títulos de impressos e materiais digitais.
[ como combinar Grande parte deste processo de combinação de fontes é intuitivo e (serifada / script / decorativa). Lembre-se de limitar o

fontes ]
baseado em tentativa e erro - e não há nada de errado nisso. número de fontes utilizadas - se possível, não utilize mais

A intuição é uma grande aliada em tarefas que dependem, em parte, de duas famílias tipográficas na mesma tela.

de senso estético. Para desenvolver um repertório que te deixe mais

seguro dessa escolha uma prática interessante é reparar em peças No final deste material, listamos alguns sites que podem

de publicidade, embalagens e demais peças gráficas que lhe chamam te auxiliar na tarefa de parear fontes.

atenção no cotidiano.

De uma forma geral, o que se deve procurar são duas famílias que não

disputam a atenção do leitor, preservam a leiturabilidade do texto e FESTA TEMÁTICA

mantenham a estética da apresentação. MANDALA VIVA
PIZZAS VEGANAS E CRUDÍVORAS GALA 07.08.17

Em determinados casos, é mais válido harmonizar diferentes tamanhos,

pesos (negrito, itálico) ou cores da mesma fonte do que utilizar uma

segunda família. Caso você se sinta inseguro para escolher mais de uma
vinho
ROTA NACIONAL DO
Sra. Kupac
seja bem - v i n da

família para a mesma tela de apresentação, essa é uma opção plausível.

Uma forma de combinar fontes é escolher uma fonte principal (por

12 — exemplo, sans-serif ) e combiná-la com uma de diferente classificação

[tipografia]
[ dicas ] alinhamento do texto
O ideal é manter o espaçamento entre palavras igual no texto para
garantir uma leitura confortável - o que não acontece nos textos justifi-
cados, com "buracos" nos blocos de texto.
O alinhamento centralizado deve ser utilizado para pequenas frases ou
observações, já que a sua leitura é a mais cansativa graças ao início/fim
irregular de cada linha.
Para detalhes de texto (como notas de refêrencias e links externos), o
alinhamento à direita pode ser utilizado. No caso de textos mais com-
pridos, o alinhamento à esquerda é o mais aconselhável por ter uma
leitura mais instintiva.
13 —
[tipografia]
À ESQUERDA
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 Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh.
CENTRALIZADO
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 Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh.
À DIREITA
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 Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh.
JUSTIFICADO
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 Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed diam nonummy nibh.
[ dicas ] itálicos, negritos e sublinhados
O recurso sublinhado só deve ser utilizado caso haja um link (endereço

da web) redigido no texto. Para dar destaque a alguma informação

prefira uma cor diferente, negrito, itálico, etc (mas não todas juntas).

Não é indicado o uso de negrito em um recorte de texto mais longo

que uma frase, pois ocorre o efeito reverso - o texto acaba mais cansa-

tivo e com menos leiturabilidade.

all caps
All Caps é o nome que se dá ao uso de somente letras maiúsculas

(Caps Lock) para escrever um texto.

Usado erroneamente para dar destaque em algumas informações, é

aconselhável utilizar somente em ocasiões de títulos de textos ou

slides, pois o fluxo de leitura de um texto composto somente por letras

maiúsculas é bem prejudicado.

14 —
[tipografia]
[ sites www.canva.com/font-combinations

recomendados ]
Sugere fontes para combinação a partir de fonte escolhida pelo usuário.

www.fontpair.co
Mostra combinações de fontes com textos editáveis.

www.typ.io
Mostra layouts de diversas naturezas e quais fontes foram utilizadas.

www.fonts.google.com
Catálogo de fontes do Google. Além de ser um ótimo site para explorar

fontes, traz combinações dentro das páginas de cada família.

www.fontsquirrel.com
Site com um catálogo bastante extenso de fontes gratuitas.

www.myfonts.com
Site com um catálogo bastante extenso de fontes pagas.
15 —
[tipografia]
[ conclusão ] A escolha e combinação de fontes, dentro do contexto de uma apre-

sentação, são tarefas que muito refletem na mensagem (e forma de

entregá-la) de uma apresentação. Quando aplicadas de acordo com

uma estética sólida e bem harmonizadas, é um grande fator na

definição da personalidade da sua apresentação - logo, para o público,

da sua também.

Apesar de ser um tema muito vasto, saber alguns conceitos básicos -

como os aqui apresentados - já permite uma construção exemplar e

bem executada de um layout de diferentes composições tipográficas.

16 —
[tipografia]
[ ppt academy ] O Ppt Academy é o curso de apresentações da Point. Com uma

metodologia que alterna entre teoria e prática, o curso ensina a comu-

nicar ideias de maneira efetiva, técnicas de design e ferramentas do

ppt indispensáveis para criar apresentações realmente impactantes.

[ point ] A Point – Facilitação Criativa é uma empresa fundada em 2014 que

cria experiências de comunicação e conexão. Através da facilitação

criativa buscamos gerar ideias inovadoras, cocriar soluções para

desafios complexos e capacitar pessoas para impactar positiva-

mente o seu meio de atuação.

+ www.pointfc.com

16 —
[tipografia]
[ tipografia ]
GUI A PA RA ESCO L H E R E CO M B I NA R
FON TES PA RA A P R ESE NTA ÇÕ ES