Fontes coloridas: Guia para iniciantes
Então, o que diabos é uma fonte colorida? É um termo que continua aparecendo e está começando a ganhar força, embora o uso em grandes projetos de design ainda esteja em sua infância.
Fornecedores como o Typekit da Adobe começaram a liberar algumas opções de fontes coloridas com suporte ao navegador, para que haja algum movimento em direção ao uso mais amplo. Alguns chegaram a chamar as fontes coloridas de "a próxima grande novidade no design da web".
Aqui, examinaremos a tendência e permitiremos que você decida quão grande - ou não - esse conceito será.
Explore o Envato Elements
O que é uma fonte colorida?
As fontes coloridas são quase exatamente o que parecem. Tipos de letra que incluem várias cores, tons ou gradientes, texturas ou transparência. Essas opções descoladas não estão apenas adicionando cor às letras, são tipos de letra específicos, com todos os detalhes incluídos.
As fontes coloridas podem incluir formas vetoriais, imagens de bitmap ou ambas nos arquivos de fontes, o que pode tornar esses tipos de letra mais pesados que os pacotes de fontes padrão. Exemplos comuns de fontes coloridas incluem um tipo de letra ou letra emoji que contém ícones. As fontes de cor única nesse estilo geralmente são chamadas de fontes cromáticas, porque contêm apenas uma tonalidade ou cinza.
O maior problema com fontes coloridas no momento é que não há um formato padrão verdadeiro. E há um problema com todos esses formatos de arquivo - as imagens vetoriais e SVG podem ser dimensionadas com facilidade, mas as versões de bitmap podem ter limitações de tamanho.
Na verdade, existem cinco formatos para lidar:
- SBIX (Apple): versão bitmap com suporte nativo nos sistemas Mac e iOS
- CBDT (Google): versão de bitmap com suporte nativo nos sistemas Android
- COLR (Microsoft): Versão vetorial com suporte nativo nos sistemas Windows 8.1 ou superior
- SVG (W3C): versões de vetor e bitmap
- OpenType SVG (Adobe / Mozilla): versões de vetor e bitmap que colocam formas SVG em fontes OpenType
Por outro lado, os principais players estão começando a adotar diretrizes de uso. Mozilla (a espinha dorsal do navegador Firefox) e Adobe concordaram que o OpenType SVG é o formato preferido; outros ainda estão em fluxo quando tomam uma decisão.
Se você quiser conhecer detalhadamente como essas fontes funcionam e todas as especificações de formato de arquivo, o Fontself possui uma cartilha muito boa.
Como você usa fontes coloridas?
Um dos dois pensamentos ocorre quando você vê uma fonte colorida pela primeira vez:
- Uau, isso é horrível!
- Legal! Eu sei exatamente como usar isso!
Não importa em que campo você esteja, existem aplicativos perfeitamente adequados para fontes coloridas. Mas você precisa usá-los dentro do razoável. (As fontes coloridas são para os usos mais poupadores.
Experimente uma fonte colorida:
- Para uma técnica que chama a atenção por uma palavra curta
- Para um ícone ou elemento no estilo do logotipo
- Para uma capitular iniciar um longo bloco de texto
- Para um tratamento de título ousado em um design de estilo minimalista
- Para focalizar uma palavra ou palavras específicas em um grande bloco de texto
- Quando o resto do design é simples
- Quando a tipografia será seu principal elemento de arte
- Quando o projeto exige algo divertido e incomum para chamar a atenção do usuário
- Com imagens ou em cima de imagens
- Com fundos ocupados
- Para muito texto
- Com muitas outras técnicas de design, como animação ou movimento; a cor sozinha normalmente é suficiente para criar impacto visual
- Com outras fontes especiais ou de novidade
- Adoção e compatibilidade com navegadores para projetos de web design (no momento, mais design de fontes coloridas estão realmente aparecendo na impressão devido a questões de compatibilidade)
- Técnicas gerais de estilo e se há mais técnicas de design ornamentadas e coloridas em geral
- Fontself é um complemento do Adobe Illustrator ou Photoshop que ajuda a criar fontes de cores personalizadas
- Você pode desenhar e projetar tudo do zero com este tutorial da Glyphs
- O FontLab possui um tutorial em vídeo que percorre o processo passo a passo
- Digite com orgulho
- Toalha de praia
- Bungee
- Fonte aquarela
- Bixa Color
- Brinquedos para crianças
- OneLine Bold
- Guru
- Néon
Como não usar fontes coloridas
Existem mais maneiras de não usar fontes coloridas do que você provavelmente pode contar. Você não deseja reverter o design do site para algumas das loucuras impressionantes, piscantes e impressionantes das cores dos anos 90.
Não use uma fonte colorida:
Uma tendência em evolução
A tendência das fontes coloridas está começando a ganhar força com alguns dos principais players da tipografia. O formato OpenType SVG adotado pela Adobe e Mozilla pode ser a ferramenta e o formato que ajudam essa tendência a decolar. A Adobe adicionou recentemente fontes de cores ao Photoshop (você deve ter notado alguns emojis na paleta de caracteres).
Veja como a Adobe explica o OpenType SVG:
“OpenType-SVG é um formato de fonte no qual uma fonte OpenType tem todos ou apenas alguns de seus glifos representados como arte final SVG (gráficos vetoriais escaláveis). Isso permite a exibição de várias cores e gradientes em um único glifo. Devido a esses recursos, também nos referimos às fontes OpenType-SVG como 'fontes coloridas'.
“As fontes OpenType-SVG permitem que o texto seja mostrado com essas qualidades gráficas, enquanto ainda permite que seja editado, indexado ou pesquisado. Eles também podem conter recursos OpenType que permitem a substituição de glifos ou estilos alternativos de glifos.
“Fontes coloridas como Trajan Color Concept e EmojiOne Color aparecerão como fontes típicas nos menus de fontes dos seus programas - mas elas podem não exibir todo o seu potencial, pois muitos programas ainda não têm suporte total para os componentes de cores. Se o seu programa de software não suportar a arte-final do SVG nas fontes, os glifos voltarão a um estilo preto sólido. A cor ainda pode ser aplicada a esse estilo de fallback, pois funcionará como uma fonte OpenType típica. ”
Além disso, o State of Web Type possui uma seção dedicada à atualização do suporte do navegador para fontes coloridas, para que você possa determinar quando é a hora certa para mergulhar.
Em termos de evolução das fontes coloridas e adoção do uso, duas coisas terão um papel importante:
Experimente uma fonte colorida
Se você gosta de fontes coloridas, é possível fazer download de uma fonte colorida para começar ou criar sua própria, dependendo do tipo de projeto de design.
Crie seu próprio
O tipo de fonte colorida que você cria depende realmente das suas habilidades de software. Uma fonte colorida pode incluir qualquer coisa, desde imagens de suas fotos favoritas até belas bolhas e traços em cores degradê. Você pode fazer isso sozinho ou usar uma ferramenta para ajudar a criar uma fonte de cores personalizada.
Fazer o download ou incorporar
Existem algumas fontes de cores bem legais por aí que gritam para você usá-las em um projeto hoje. Aqui estão alguns exemplos para impulsionar o fluxo de criativos de fontes coloridas (além de links para as outras fontes coloridas usadas acima):
Conclusão
Você está pronto para seguir a tendência das fontes coloridas? É demais ou o suporte irregular é um problema real para seus projetos?
Pessoalmente, acho essa tendência muito divertida e tenho um uso prático real em projetos de impressão, como pôsteres ou folhetos de eventos. Ainda não estou muito convencido quando se trata de projetos de sites. O tempo dirá apenas se essa tendência realmente se torna “a próxima grande novidade no design da web” ou outra moda passageira.
