Fale Alto.
Selecionar o estilo de letra para qualquer design, inclusive infográficos, pode ser uma tarefa difícil, mesmo para um designer! Percorrer centenas de fontes para encontrar a certa é uma sensação criativa incrível, mas também pode parecer uma perda de tempo.
E é exatamente por isso que nós estamos aqui, para ajudar!
Este guia o ajudará a escolher as melhores fontes de infográficos para o seu projeto. Usando a sua intuição, o objetivo do design e um pouco de pensamento crítico, você poderá encontrar a fonte perfeita em pouco tempo.
Sim, mesmo que você não seja um designer e esteja seguindo o caminho do "faça você mesmo" nesse infográfico. Nós o ajudamos.
E se você estiver pronto para começar a criar o seu infográfico agora, vá até o nosso criador de infográficos!
Os infográficos são feitos de muitas partes que se encaixam para criar um design unificado e equilibrado que informa e, com sorte, causa impacto no espectador.
De todas as partes envolvidas na criação de um infográfico, as fontes são uma das mais importantes. Você poderia pensar que os recursos visuais ou os gráficos ficariam com essa coroa, mas deixe-me explicar por que isso não é exatamente verdade.
Os recursos visuais, os ícones, os gráficos e as ilustrações que você escolhe para o seu infográfico são extremamente importantes.
O texto em um infográfico une tudo, definindo a história e o fluxo do conteúdo. Até mesmo os gráficos.
As fontes do seu infográfico precisam ser legíveis, até mesmo fáceis de ler. Elas precisam se encaixar bem em seu espaço e não se sobrepor aos elementos visuais. Elas precisam combinar com a sensação visual do infográfico e, ao mesmo tempo, dizer apenas o suficiente para transmitir o ponto rapidamente.
Quando uma fonte é difícil de ler, nenhuma quantidade de visuais bonitos e gráficos perfeitos salvará a primeira impressão do seu infográfico. Você precisa considerar as fontes não apenas como componentes textuais, mas também como elementos visuais.
Quando você der um sentido de imagem ao seu texto e às fontes, entenderá por que a tipografia é tão importante no design de infográficos.
"A tipografia é uma arquitetura bidimensional, baseada na experiência e na imaginação, e guiada por regras e legibilidade. E esse é o objetivo da tipografia: A disposição dos elementos de design em uma determinada estrutura deve permitir que o leitor se concentre facilmente na mensagem, sem diminuir a velocidade de sua leitura."
– De um artigo póstumo sobre o designer de tipos Hermann Zapf no Typeform.eu
Toda essa questão de escolher as melhores fontes para infográficos pode parecer assustadora agora, mas, felizmente, existem práticas recomendadas que podem ser seguidas para facilitar muito para você e sua equipe.
Vamos mergulhar de cabeça nesse assunto!
Começar com o pé direito sempre o levará aos lugares onde você precisa estar, mais rápido e em melhor forma.
É isso que essas práticas recomendadas de fontes para infográficos farão por você e pelo seu projeto.
O primeiro e mais importante ponto a ser levado em consideração ao escolher as fontes para infográficos é a sua marca. Se o infográfico que você está criando fizer parte de um conjunto de ativos de marca, grande parte do trabalho de escolha da fonte já está feito para você!
Verifique as diretrizes da marca para saber quais fontes você deve usar. Se ainda não tiver feito isso, adicione-as à Visme kit de marca para que elas fiquem no topo da lista de fontes no editor.
Mesmo que você tenha um conjunto de fontes de marca que precise usar, muitas das práticas recomendadas abaixo ainda se aplicam! Nós o informaremos quando e em que medida.
Ok, então você não tem nenhuma diretriz de marca em vigor? Ou deseja criar um estilo de letra diferente? Então é por aqui que você deve começar.
Essa prática recomendada é algo que eu adoraria colocar em letras grandes em seu quadro branco; ela é essencial. Aqui vai... atenha-se às fontes principais! Não vá para o reino das fontes novas e não se deixe levar pela tentação de encontrar a fonte perfeita, bonita e interessante. Não faça isso.
Com fontes principais, queremos dizer:
Essas são as fontes mais legíveis, versáteis e confiáveis. Daremos a você alguns exemplos no final.
As fontes carregam personalidade e humor. Suas formas e formatos devem corresponder à finalidade e ao estilo do seu infográfico.
Aqui estão alguns exemplos de casos de uso:
Abaixo está um infográfico que visualiza uma série de fontes e suas personalidades percebidas. Algumas fontes desse infográfico também estão na lista de fontes recomendadas para infográficos a serem experimentadas.
Outras estão aqui para ajudá-lo a visualizar melhor a ideia da psicologia e da percepção da fonte, mas podem não ser necessariamente a melhor opção para um infográfico.
Se uma fonte não for legível, a escolha da fonte será um fracasso.
Como você sabe se uma fonte é legível ou não? Você precisa testá-la. Há alguns fatores que contribuem para tornar uma fonte legível.
Algumas fontes são legíveis em todos os tamanhos, com qualquer espaçamento entre linhas ou até mesmo cores. Outras precisam de um pouco de personalização para torná-las mais legíveis.
Por exemplo, uma fonte Serifada, como a EB Garamond, em um tamanho mínimo, será mais fácil de ler se as letras tiverem um espaçamento sutil entre elas e um espaçamento de linha arejado.
A Ostrich Sans é outro exemplo de como uma fonte pode ser legível ou ilegível, dependendo do caso de uso. Essa fonte Sans Serif fina pode ficar ótima em um título grande, mas pode ser muito difícil de ler no corpo do texto, especialmente se houver pouco contraste de cores entre o texto e o plano de fundo.
Se a fonte que você escolheu não for uma fonte de marca e não estiver funcionando, tente outra que seja mais fácil de ler. Voltando ao que mencionei anteriormente, atenha-se às fontes padrão primárias. Você terá menos problemas para tornar o texto legível em seu infográfico.
Expliquei que, para tornar uma fonte legível, você precisa testá-la. Mas há outros motivos pelos quais você precisa experimentar fontes diferentes para o design do seu infográfico.
Primeiro, vamos falar sobre o uso de fontes de marca. Os itens que você poderá testar são o tamanho ou peso, o estilo (ou seja, negrito ou itálico), o espaçamento entre letras, o espaçamento entre linhas e a cor.
Se você tiver mais liberdade para escolher a fonte, poderá testar outras diferentes. Experimente fontes em estilos diferentes: alto, condensado, fino, super negrito, etc.
O principal motivo para testar fontes diferentes é que cada fonte tem uma maneira diferente de se encaixar em uma caixa de texto. Algumas têm letras mais altas, enquanto outras podem ser mais largas. A mesma caixa de texto parecerá menor em uma fonte e maior em outra, mesmo quando as fontes tiverem o mesmo tamanho de ponto.
Outros motivos para testar fontes diferentes têm a ver com a personalidade de seu infográfico.
Se você escolheu uma fonte Sans Serif porque seu conteúdo é leve ou amigável, experimente fontes Sans Serif diferentes. Escolha uma que tenha O's arredondados e outra que tenha O's mais alongados. Compare uma fonte Sans Serif fina com uma mais volumosa.
Dica Pro: Não espere até que você tenha projetado todo o infográfico para experimentar fontes diferentes. Use o título e um ou dois pontos de dados para o teste. Caso contrário, você estará mudando demais a cada vez.
Ao testar fontes diferentes, você também terá de escolher um par de fontes.
Em primeiro lugar, o que é um par de fontes? É a combinação de duas fontes - ou dois estilos de uma fonte (ou seja, negrito/maiúsculas emparelhado com normal/maiúsculas) - que se combinam para um uso específico. Você precisará de uma fonte para títulos e subtítulos e a outra para o corpo do texto. Uma versão ainda menor do corpo do texto é excelente para notas de rodapé.
Se você tiver a liberdade de escolher as fontes do infográfico, a Visme tem muitas opções. Dentro do editor, você pode escolher entre centenas de fontes para criar um par para o seu infográfico.
Vamos dar uma olhada em alguns exemplos.
Primeiro, duas fontes sem Serifa que combinam muito bem são Montserrat e Lato. A Montserrat é mais pesada e funciona perfeitamente para títulos, enquanto a Lato é mais leve e perfeita para o corpo do texto. Outra opção é usar a Montserrat Black como título e a Montserrat Classic como corpo do texto.
Nas seções acima, mencionamos que, em alguns casos, a personalidade do seu infográfico precisa de uma fonte com Serifa e, em outros casos, de uma fonte sem Serifa, mas também existe a possibilidade de usar as duas juntas.
Por exemplo, em um infográfico que compartilha estatísticas importantes sobre um setor profissional e quer parecer acessível, a Trebuchet e a Fjord One funcionam muito bem juntas.
E um último exemplo: Dancing Script e Josefin Sans, uma fonte Script para títulos e uma Sans Serif leve para o corpo do texto. Ao escolher uma fonte Script para um infográfico, ela precisa ser legível! Muitas fontes de Script não são fáceis de ler rapidamente, e é delas que você deve se afastar.
Essa fonte de Script é o exemplo perfeito de um Script que pode funcionar bem em um infográfico. Um infográfico de receitas de instruções, por exemplo, seria um ótimo caso de uso. A Josefin Sans é uma fonte Sans amigável que combina perfeitamente com esses títulos.
Você precisa se lembrar dessa prática recomendada não apenas para infográficos, mas também para todos os projetos de design. Você precisa manter as mesmas fontes em todo o seu design!
Não mude as fontes em diferentes pontos de dados nem alterne entre a fonte que você usa para o título e a que usa para o corpo do texto.
Quando tiver definido o emparelhamento de fontes depois de testar algumas fontes diferentes, mantenha-as! Crie um pequeno gráfico, como os apresentados acima, para lembrá-lo de quais fontes você está usando. Essa técnica será especialmente útil se você estiver trabalhando no infográfico com a sua equipe.
Ao reunir o texto no título principal e nos pontos de dados seguintes, é importante sempre verificar o alinhamento do texto e certificar-se de que está seguindo uma hierarquia visual.
Dê uma olhada nos gráficos de emparelhamento de fontes acima e veja como eles especificam o tamanho do ponto para cada fonte. O exemplo de Montserrat e Lato tem 40 pontos para o título, 24 pontos para o subtítulo e 16 pontos para o corpo do texto. Essa configuração é chamada de hierarquia visual e é essencial.
Você deve definir um tamanho padrão para suas fontes de modo que cada ponto de dados use o tamanho exato do texto. Assim, você cria um equilíbrio visual e um fluxo para todo o seu infográfico. A hierarquia começa no título superior e vai descendo. Ou seja, o conteúdo mais importante é o maior e, em seguida, fica menor para cada ponto de dados.
O menor texto estará na parte inferior, no rodapé, com as fontes do conteúdo.
O alinhamento é fundamental para cada ponto de dados, bem como para todo o infográfico. Aqui estão algumas práticas recomendadas para o alinhamento do texto. Você pode usar a grade para alinhamento ou usar o recurso de ajuste a objetos no editor da Visme.
Se você não estiver confiante sobre como garantir que cada ponto de dados esteja alinhado e bem espaçado, o editor da Visitem uma solução. Na barra de ferramentas à esquerda, você encontrará blocos de conteúdo pré-projetados que podem ser adicionados ao seu infográfico para um design fácil e infalível.
Esses blocos de conteúdo estão perfeitamente alinhados e têm fontes, mas talvez seja necessário alterar a fonte, portanto, não adicione muitos blocos de conteúdo de uma só vez. Experimente-os com suas fontes primeiro e depois continue.
Em seguida, após o emparelhamento de fontes, a hierarquia visual e o alinhamento, você também precisa garantir que as fontes tenham espaço para respirar.
Para isso, você precisará ficar de olho no espaçamento entre títulos, subtítulos e corpo do texto. Você também precisará equilibrar a altura da linha e o espaçamento entre letras dentro das caixas de texto. Além disso, é necessário verificar as margens.
A melhor maneira de criar um espaçamento consistente entre títulos, subtítulos e corpo de texto é colocar cada um em uma caixa de texto.
Defina um padrão de espaçamento em um ponto de dados e, em seguida, repita-o em todos os outros pontos de dados. Com a Visme, você pode agrupar todas as três caixas de texto e duplicá-las, depois é só alterar o conteúdo.
Dentro de cada caixa de texto, você também deve verificar a altura da linha e o espaçamento entre as letras. A altura da linha em títulos e subtítulos o ajudará a equilibrar o espaçamento entre cada caixa de texto, desde que você alinhe a parte inferior de uma caixa de texto com a parte superior da caixa de texto abaixo dela.
No corpo do texto, o ajuste da altura da linha o ajudará a criar uma sensação de ar entre as linhas, o que facilita a leitura do texto.
Adicionar espaço entre as letras é uma técnica que os designers usam para espalhar as letras nas palavras e facilitar a leitura. Não é necessário mais do que 1 ou 2 píxeis de espaçamento, a menos que você queira um efeito visual exclusivo de letras separadas.
As margens também são cruciais para adicionar espaço que ajuda no fluxo e na legibilidade do seu conteúdo. As margens são o espaço entre as bordas do infográfico e as caixas de texto. Quando o texto está muito próximo das bordas, fica difícil de ler.
Por fim, outro aspecto a ser considerado ao escolher as melhores fontes para o seu infográfico são as cores que você adiciona a elas.
A ideia principal ao escolher a cor do texto é que ele seja - você adivinhou - legível. Se a cor de fundo e a fonte forem muito parecidas, será difícil enxergar, muito menos ler.
Uma ótima regra prática para criar um bom contraste entre o texto e o plano de fundo é que, se o plano de fundo for escuro, use texto claro e, se o plano de fundo for claro, use texto escuro.
Com essa dica, você já está em um ótimo lugar. Mas mais uma coisa: o branco puro e o preto puro podem ser cansativos para os olhos, portanto, experimente um off-white sutil ou um cinza super escuro em vez de tons puros.
Agora temos uma seleção de algumas das melhores fontes de infográfico para usar em seu próximo design de infográfico. Todas essas fontes estão disponíveis em seu editor Visme, além de muitas outras.
A Raleway é uma fonte simples, sem sentido e fácil de ler que não competirá com outros elementos do design do infográfico. Ela funciona muito bem tanto em títulos quanto no corpo do texto em diferentes pesos e tamanhos de ponto.
A Arial é uma das fontes mais usadas em documentos digitais. É a opção padrão na maioria dos softwares de documentos, como o Google Docs e o Word. A Arial é sempre confiável e tem boa aparência. No entanto, não é a fonte de que você precisa se estiver procurando um pouco mais de personalidade.
A Junction é uma mistura entre fontes Serifadas clássicas escritas à mão e uma fonte sem Serifa para a Web. Essa fonte é única porque o n e o u têm curvas angulares em vez do arredondamento habitual. É uma ótima fonte para um visual simples, mas com uma vantagem.
A Josefin Sans é uma fonte Sans Serif geométrica com aparência e toque geométricos. Essa fonte funciona muito bem em corpos de texto de qualquer tamanho. Em letras grandes e em negrito, ela também fica ótima como um título significativo e amigável.
Poppins é identificável e fácil de ler. É uma das melhores fontes para design digital. Um infográfico que usa Poppins como sua fonte principal será fácil de ler e até mesmo de passar os olhos.
A Montserrat é uma das fontes mais versáteis e não só funciona bem em títulos e corpos de texto, mas também se adapta bem a qualquer contexto. É a melhor fonte neutra para qualquer projeto de design de infográfico.
Fica ótima não apenas em infográficos, mas também em documentos e web design. Em termos de estilo, ela funciona bem em letras maiúsculas, minúsculas e maiúsculas. No editor da Visme, você terá acesso a todos os pesos da Lato, incluindo Light, Thin e Regular.
O infográfico abaixo usa Lato em todo o corpo do texto, juntamente com Antonio para os títulos.
A Helvetica é o estilo de letra que sempre ficará bem nos títulos dos infográficos, independentemente da personalidade do conteúdo. Ela pode não ser uma ótima fonte para o corpo do texto, pois é um pouco pesada, mas combina bem com uma fonte como a Hind Madurai.
A Hind Madurai é uma fonte do idioma tâmil, mas seus caracteres latinos são adequados para escolhas de personalidade de fontes neutras.
Roboto é uma fonte de fusão que lembra as fontes Serif clássicas com terminais no estilo Grotesco. É uma fonte Serifada confiável que se lê como uma sem Serifa. A Visme tem tanto a Roboto regular quanto a Roboto condensada, de modo que você pode usar qualquer uma delas no design do seu infográfico.
Este infográfico usa a Roboto nos títulos de cada ícone.
A Sans Pro é uma das fontes mais versáteis à sua disposição. Ela é simples, fácil de ler e ficará ótima no corpo do texto de seu infográfico.
Hattori Hanzo é uma fonte leve que fica bem tanto em títulos quanto no corpo do texto. Ela tem uma grande capacidade multilíngue, portanto, é uma ótima opção se você estiver criando um infográfico com um alfabeto diferente.
Lora é uma fonte inspirada em caligrafia e letras manuscritas amigáveis. As curvas e as Serifas sutis oferecem uma combinação refrescante e funcionam bem como corpo de texto.
Bentham é uma fonte Serifada inspirada em livros didáticos antigos e mapas do século XIX. Ela tem um formato clássico que torna a leitura do texto agradável. Você encontrará ótimos usos para a Bentham, especialmente se o seu infográfico tiver um ângulo acadêmico.
Cormorant é uma fonte Serifada inspirada na elegante e moderna Garamond. Essa fonte ficará ótima em títulos e subtítulos, adicionando um pouco de personalidade ao que, de outra forma, poderia parecer muito rígido com uma fonte Serifada comum.
Este infográfico usa a Cormorant nos títulos grandes e médios.
Libre-Baskerville é uma fonte Serifada com um pouco de personalidade. Essa fonte é perfeita para designs de infográficos elegantes com conteúdo profissional.
Playfair Display é outra fonte Serifada de excelente aparência que ficará ótima em títulos grandes. As letras têm traços diferentes entre muito finos e grossos, dando à fonte um toque clássico.
A Vollkorn é uma fonte Serifada com uma aparência curvilínea. Ela é clássica e amigável ao mesmo tempo e funciona muito bem em um design de infográfico que seja profissional e relacionável.
Fjord One é uma Serifa arrojada com muita personalidade. Essa fonte se encaixa tanto em um design de infográfico corporativo quanto em um projeto amigável e de relacionamento para educação ou marketing. É uma fonte do Google Font fácil de emparelhar que fará com que seus projetos tenham uma ótima aparência.
A EB Garamond é uma versão de uso gratuito da clássica fonte Garamond. Ela tem todas as nuances tradicionais e Serifas delicadas sem o preço. Favorita entre os impressores de livros, a EB Garamond se encaixa perfeitamente em um infográfico com muito espaço em branco para o texto respirar.
A Bebas Neue é uma fonte de letras maiúsculas bem definidas, perfeita para manchetes e títulos. Ela é um pouco alongada, de modo que dá ao texto uma sensação de ar, como se estivesse em uma posição elevada. Não é ideal para o corpo do texto, mas combina bem com uma fonte neutra como Lato ou Josefin Sans.
O infográfico abaixo usa Bebas Neue no título e nas legendas. O corpo do texto é Abel, uma fonte Sans neutra.
A Ostrich Sans Inline é a variação da Ostrich Sans com uma linha no centro de cada traço de letra. Use essa fonte se quiser que seu infográfico tenha uma aparência única em seus títulos. Combine-a com uma fonte Serifada sutil e fácil de ler, como EB Garamond ou Fjord One.
Distant Galaxy é uma fonte que parece um pouco futurista sem ser excessivamente extravagante. Ela funcionará bem em designs de infográficos que tratam de tópicos digitais ou com um ângulo de narrativa exclusivo.
A Abril Fatface é uma fonte com uma combinação de traços de letras finos e gordos que ficará ótima em seus títulos e subtítulos mais proeminentes. Ela combina bem com uma fonte sem Serifa que não sobrecarrega.
A Dancing Script é uma daquelas fontes de Script que simplesmente tem boa aparência. É fácil de ler e combina bem com muitos estilos de design. Ela fica excelente em títulos e com uma linha de base um pouco inclinada.
O infográfico abaixo usa a Dancing Script como subtítulos de cada seção e como subtítulo do título principal. Ela é combinada com a Bodoni Moda, uma fonte Serifada moderna.
Daniel é uma fonte de Script em um estilo manuscrito. À primeira vista, você pode pensar que essa fonte não funcionará em um infográfico, mas ela fará maravilhas para pontos de dados com títulos curtos, como uma palavra. Em vez de adicionar um número a uma lista, experimente as palavras numéricas na fonte Daniel.
O que está achando das fontes do seu infográfico agora? Um pouco melhor? Espero que o nosso guia sobre como escolher as melhores fontes para infográficos o ajude a ver que não é tão complicado assim, desde que você siga as práticas recomendadas.
Agora é hora de começar a criar o design do infográfico! Vá até lá e crie seu infográfico com o criador de infográficos Visme. Escolha entre centenas de modelos de infográficos e mais de 300 fontes.
Você se divertirá muito criando a melhor combinação de fontes! Mas lembre-se, se não quiser perder tempo fazendo isso, o editor da Visme Oferece uma seleção pré-projetada de pares de fontes de infográficos já escolhidos para você.
Crie sua conta gratuita na Visme agora mesmo e comece a usar e abusar das soluções de design mais completas e modernas de toda a internet! E lembre-se, com a Visme você pode criar tudo e um pouquinho mais.
Crie experiências visuais incríveis para sua marca, seja você um Designer profissional ou um novato com pouca experiência.
Experimente Visme, é de graça
