Você está na página 1de 19

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

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
Univers

uma fonte ]
que podem servir como coringa. Famílias neutras, que podem ser apli- Fonte de alta legibilidade utilizada para os

cadas em diferentes contextos sem destoar da apresentação, seja ela mais diversos meios (desde os teclados da
Apple até a sinalização do metrô de Paris), a
com a estética que for - salvo exceções, os exemplos ao lado devem
Univers é uma fonte muito popular entre
ajudar num panorama geral. designers e é um ícone da tipografia moderna.

[ 5] A maioria das fontes apresentadas neste e-book estão disponíveis para

download gratuito na internet, e embora essa etapa possa parecer


Roboto
Fonte sans-serif bastante difundida também
pela sua ótima legibilidade, se comporta
trabalhosa, demandando um certo tempo de busca e instalação, uma boa
muito bem em todas as variações de sua
escolha tipográfica transmite um cuidado e profissionalismo da parte de
família (negrito, condensado, etc).
quem monta a apresentação e a diferença no resultado final é evidente.

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.

11 —
[tipografia]
[ 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
À ESQUERDA
O ideal é manter o espaçamento entre palavras igual no texto para Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
garantir uma leitura confortável - o que não acontece nos textos justifi-
erat volutpat. Ut wisi enim ad minim Lorem ipsum dolor sit amet,
cados, com "buracos" nos blocos de texto. consectetuer adipiscing elit, sed diam nonummy nibh.

O alinhamento centralizado deve ser utilizado para pequenas frases ou CENTRALIZADO


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
observações, já que a sua leitura é a mais cansativa graças ao início/fim nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim Lorem ipsum dolor sit amet,
irregular de cada linha.
consectetuer adipiscing elit, sed diam nonummy nibh.

Para detalhes de texto (como notas de refêrencias e links externos), o


À DIREITA
alinhamento à direita pode ser utilizado. No caso de textos mais com- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
pridos, o alinhamento à esquerda é o mais aconselhável por ter uma erat volutpat. Ut wisi enim ad minim Lorem ipsum dolor sit amet,

leitura mais instintiva. 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.

13 —
[tipografia]
[ 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

Você também pode gostar