Como escolher as fontes para o site da sua banda

Enquanto uma imagem vale mais que mil palavras, às vezes você também precisa pensar cuidadosamente sobre essas palavras. Selecionar a fonte certa pode realmente unir seu site, dando-lhe uma aparência coesa. É um fator importante em sua marca geral.

Fontes de boa qualidade estão em abundância hoje em dia. Então, com esse dilúvio de opções, como você escolhe as fontes certas para o site da sua banda?

Apresentamos mais de 100 fontes para acompanhar nossos modelos, além de você poder enviar as suas próprias fontes para uma aparência verdadeiramente pessoal. Vamos dar uma olhada em algumas dessas fontes e como elas podem transmitir sua mensagem.

É tudo uma questão de tom

Ao escolher as fontes para o site da sua banda, ou até mesmo o logotipo da banda, você deve realmente considerar o tom que deseja apresentar. O tom é outra maneira de dizer: "como você se sente quando vê, ouve ou experimenta isso?"

Nos exemplos abaixo, tentei combinar alguns adjetivos com uma fonte apropriada. Se a fonte for ousada, robusta e compacta, pode transmitir força ou até confiabilidade.

A sofisticação pode ser representada por uma fonte com serifas finas e elegantes. O exemplo lúdico tem terminais arredondados que dão uma sensação um pouco caprichosa.

Agora vamos tentar combinar alguns desses adjetivos com alguns termos e gêneros musicais:

Então, a maioria deles se encaixa bem com nossos adjetivos. "Sofisticado" é nosso gênero Clássico, nosso "Brincadeira" é um Ukulele divertido, "Aproximável" é uma dupla fofa de hipster, e nossa fonte "Exclusiva" é agora uma Diva.

Blues e country assumiram nossas fontes "Strong" e "Reliable", respectivamente. Não tenho certeza se usaria necessariamente esses adjetivos para esses gêneros, mas eles funcionam um pouco.

O que está funcionando bem é a história dessas fontes. A fonte compacta "Strong" é de uma época específica em que você pode ver essa fonte no design de pôsteres iniciais para artistas de blues.

Nossa fonte country é uma fonte de xilogravura que você pode ver na virada do século e pode associá-la ao início da América Ocidental. Então, neste caso, o tom é ditado pela história.

Tom dependendo do contexto

No exemplo "Sofisticado" acima, usei a fonte gratuita Cinzel de Natanael Gama. FontSquirrel descreve a fonte como:

"Cinzel é um tipo de letra inspirado em inscrições romanas do primeiro século e baseado em proporções clássicas."

Como Cinzel foi inspirado nas primeiras gravuras romanas, os personagens têm uma certa sensação neles. Assim, você pode ver facilmente essa fonte sendo usada para uma orquestra sinfônica ou artistas clássicos.

Mas, assim que você abrir o kerning (o espaço entre os caracteres), torne-o vermelho em um fundo preto, agora você tem um logotipo de metal bem adequado.

Por que isso funciona? Bem, as gravuras romanas também têm algumas serifas realmente interessantes que se afunilam em uma ponta afiada. Eu também acho que porque essa fonte foi baseada em gravuras, isso significa que é um pouco semelhante a uma fonte que você pode ver em uma lápide. O que é mais metal do que uma lápide?

Embora isso não funcione com todas as fontes, eu queria mostrar que, às vezes, as menores alterações podem alterar o tom da fonte.

Crie um site profissional em apenas alguns cliques! Construa o site da sua banda com o Bandzoogle hoje mesmo.

Configurando seus títulos

Então, uma vez que você tenha o tom de suas escolhas de fonte, você precisa ter certeza de que elas funcionam no contexto do site da sua banda. Aqui estão algumas dicas rápidas para garantir que seu conteúdo esteja configurado para leitura fácil ao emparelhar suas fontes.

A importância do contraste

Um aspecto fundamental da tipografia e do emparelhamento de fontes é apresentar contraste suficiente entre suas escolhas de fontes para que o leitor possa digitalizar facilmente seu site e pegar onde o conteúdo está começando e terminando.

No topo do exemplo abaixo, temos um tamanho de fonte bem pequeno como nosso título, que também tem o mesmo peso que o corpo da cópia abaixo dele.

Isolado, na verdade não parece tão ruim. Mas um bom truque de designer que aprendi no meu treinamento em artes plásticas é borrar os olhos para realmente ver se esse combo funciona.

Depois de borrar os olhos, você pode ver claramente que o título sangra na cópia do corpo no exemplo superior. Se isso estivesse em uma página grande de conteúdo e eu estivesse procurando por determinado conteúdo, seria muito difícil encontrar o que eu estava procurando, pois os títulos simplesmente desaparecem.

Na parte inferior, ajustamos o título para ser maior e mais ousado, para que você possa ver claramente o título e a cópia do corpo quando desfocados.

Você pode até criar contraste sem usar uma fonte em negrito. Neste exemplo, tenho uma sans-serif fina, mas como aumentei o tamanho e abri alguns espaços em branco abaixo dela, ela define claramente o início de onde o conteúdo do corpo começa.

Escolhendo uma fonte do corpo

Agora que sabemos como criar contraste e o que procurar em uma fonte de título, vamos ver a fonte do corpo. As fontes do corpo são os parágrafos do texto que compõem grande parte do seu site, então eu normalmente fico longe de qualquer coisa boba como uma fonte de exibição e, às vezes, até a maioria das serifas.

Sua fonte do corpo é o cavalo de batalha e precisa ser lida facilmente. E mesmo que essa fonte precise ser lida facilmente, isso não significa que ela não possa transmitir o tom. No exemplo abaixo estão duas fontes sans serif muito diferentes, mas ambas igualmente legíveis.

Assistente, à esquerda, para mim parece muito mais acessível e amigável. O Archivo, por outro lado, é um pouco mais grosso e um pouco mais rígido em sua construção. Todas as letras minúsculas têm uma largura semelhante e fazem a fonte parecer um pouco mais mecânica no tom.

As fontes serif são da mesma maneira. Esses dois exemplos são muito legíveis em tamanhos pequenos, mas têm tons diferentes. Garamond tem mais variação de altura entre suas letras maiúsculas e minúsculas, o que para mim transmite uma sensação mais literária/distinta. Tons diferentes, mas ambos muito legíveis.

Leitura adicional e recursos

Espero que isso faça você pensar em como escolher as fontes apropriadas para o site da sua banda. Mas se você está com fome de mais, há uma tonelada de recursos disponíveis para se deliciar:

Inspiração

Tipo Lobo

Tipo de caça

Awwwards

Leitura

Elementos do estilo tipográfico: O fim de tudo da tipografia.

A Type Primer: ponto de entrada fácil para aprender tipografia.

Lugares acessíveis para obter fontes

Fontes do Google (gratuito)

FontSquirrel (gratuito)

LostType (gratuito para uso pessoal e licenças comerciais acessíveis)