Tipos de letra de cor: unha guía para principiantes

Entón, que diaños é unha fonte de cor? É un termo que non deixa de aparecer e que comeza a gañar tracción, aínda que o seu uso en grandes proxectos de deseño aínda está na súa infancia.

Provedores como Typekit de Adobe comezaron a lanzar algunhas opcións de fontes de cor con compatibilidade con navegadores, polo que hai certo movemento cara a un uso máis amplo. Algúns incluso chamaron as fontes de cores "a próxima gran cousa no deseño web".

Aquí veremos a tendencia e deixarémosche que decidas o tamaño ( ou non ) deste concepto. ser.

Ver máis

Que é unha fonte de cor?

As fontes de cor son case exactamente o que soan. Tipos de letra que inclúen varias cores, matices ou degradados, texturas ou transparencias. Estas opcións funky non son só engadir cor ás letras, son tipografías específicas con todos os detalles incluídos.

As fontes de cor poden incluír formas vectoriais, imaxes de mapa de bits ou ambas as dúas cousas nos ficheiros de fontes, o que pode facer que estes tipos de letra sexan máis pesados ​​que os paquetes de fontes estándar. Os exemplos habituais de fontes de cores inclúen un tipo de letra ou unha letra emoji que contén iconas. As fontes dunha soa cor deste estilo adoitan denominarse fontes cromáticas, porque só conteñen un ton ou gris.

O maior problema coas fontes de cor neste momento é que non hai un verdadeiro formato estándar. E hai un problema con todos eses formatos de ficheiro: as imaxes vectoriais e SVG pódense escalar con facilidade, pero oAs versións de mapas de bits poden ter limitacións de tamaño.

En realidade hai cinco formatos cos que tratar:

• SBIX (Apple): versión de mapa de bits con compatibilidade nativa en sistemas Mac e iOS
• CBDT (Google): Versión de mapa de bits con compatibilidade nativa en sistemas Android
• COLR (Microsoft): versión vectorial con compatibilidade nativa en sistemas Windows 8.1+
• SVG (W3C): versións vector e mapa de bits
• OpenType SVG (Adobe/Mozilla): versións vectoriais e de mapa de bits que colocan formas SVG en fontes OpenType

Por outra banda, os principais xogadores están empezando a adoptar pautas de uso. Mozilla (a columna vertebral do navegador web Firefox) e Adobe acordaron que OpenType SVG é o formato preferido; outros aínda están en movemento mentres toman unha decisión.

Se queres entrar na meirande parte do funcionamento destes tipos de letra e de todas as especificacións do formato de ficheiro, Fontself ten unha guía bastante boa.

Como usas as fontes de cores?

Un dos dous pensamentos ocorre cando ves por primeira vez unha fonte de cor:

• Guau, é horrible!
• Xenial! Sei exactamente como usalo!

Non importa en que campamento esteas, hai aplicacións que son perfectamente adecuadas para fontes de cores. Pero cómpre usalos dentro do razonable. (As fontes de cores son para o uso máis moderado ou con moderación.)

Proba cunha fonte de cor:

• Para unha técnica que chama a atención para unha palabra curta
• Para unha icona ou logotipo-elemento de estilo
• Para que unha letra mayúscula inicie un longo bloque de texto
• Para un tratamento de títulos audaces nun deseño de estilo, doutro xeito mínimo
• Para centrar unha palabra específica ou palabras nun gran bloque de texto
• Cando o resto do deseño é sinxelo
• Cando a tipografía será o teu elemento artístico principal
• Cando o proxecto esixe algo divertido e inusual para chamar a atención do usuario

Como non usar fontes de cores



Hai máis formas de non usar fontes de cores das que probablemente poida contar. Non queres que o deseño do sitio web volva a algunhas das parpadeantes, parpadeantes e abrumadoras tolemias de cores da década de 1990.

Non use unha fonte de cor:

• Con imaxes ou encima das imaxes
• Con fondos ocupados
• Para moito texto
• Con moitas outras técnicas de deseño, como animación ou movemento; a cor por si soa adoita ser suficiente para crear impacto visual
• Con outras tipografías novedosas ou especiais

Unha tendencia en evolución



O a tendencia das fontes de cor comeza a gañar tracción por parte dos principais actores da tipografía. O formato OpenType SVG adoptado por Adobe e Mozilla pode ser a ferramenta e o formato que axude a que esta tendencia realmente despegue. Adobe incluso engadiu recentemente fontes de cores a Photoshop (pode que teñas notado algúns emojis na paleta de caracteres).

Así é como explica Adobe OpenType SVG:

"OpenType-SVG é un formato de fontena que un tipo de letra OpenType ten todos ou só algúns dos seus glifos representados como ilustración SVG (gráficos vectoriales escalables). Isto permite mostrar varias cores e degradados nun só glifo. Debido a estas características, tamén nos referimos ás fontes OpenType-SVG como "fontes de cor".

"Os tipos de letra OpenType-SVG permiten mostrar texto con estas calidades gráficas, aínda que permiten editar, indexar, ou buscado. Tamén poden conter funcións de OpenType que permiten a substitución de glifos ou os estilos de glifos alternativos.

“As fontes de cor como Trajan Color Concept e EmojiOne Color aparecerán como fontes típicas nos menús de fontes dos teus programas, pero é posible que non mostren as súas potencial, xa que moitos programas aínda non teñen soporte total para os compoñentes de cor. Se o teu programa de software non admite a ilustración SVG dentro dos tipos de letra, os glifos volverán a ter un estilo negro sólido. A cor aínda se pode aplicar a este estilo alternativo, xa que funcionará como un tipo de letra OpenType típico."

Ademais, The State of Web Type ten unha sección dedicada á actualización da compatibilidade do navegador para fontes de cores para que poida determinar cando é o momento axeitado para que te deas o paso.

En canto á evolución das fontes de cor e á adopción do uso, dúas cousas terán un papel fundamental:

• Adopción e compatibilidade con navegadores para proxectos de deseño web (agora agora máis cor o deseño da fonte está a aparecer na impresiónpor problemas de compatibilidade)
• Técnicas xerais de estilo e se as técnicas de deseño máis adornadas e coloridas son tendencia en xeral

Proba unha fonte de cor



Se as fontes de cores son o teu, podes descargar unha fonte de cor para comezar ou crear a túa propia, dependendo do tipo de proxecto de deseño.

Crea o teu propio

O tipo de fonte de cor que creas depende realmente das túas habilidades de software. Unha fonte de cor pode incluír desde imaxes das túas fotos favoritas ata fermosas burbullas e trazos en cores degradadas. Podes facelo por ti mesmo ou usar unha ferramenta que che axude a deseñar unha fonte de cor personalizada.

• Fontself é un complemento de Adobe Illustrator ou Photoshop que che axuda a crear fontes de cor personalizadas
• Podes debuxar e deseñar todo desde cero con este tutorial de Glyphs
• FontLab ten un vídeo tutorial que explica o proceso paso a paso

Descarga ou incrusta

Hai fontes de cores moi interesantes que están a pedir que as uses nun proxecto hoxe. Aquí tes algúns para impulsar o teu fluxo creativo de fontes de cor (ademáis de ligazóns ás outras fontes de cores usadas anteriormente):

• Escriba con orgullo
• Toalla de praia
• Bungee
• Fote de acuarela
• Bixa Color
• Xoguetes para nenos
• OneLine Bold
• Guru
• Neon

Conclusión

Estás preparado para ir á tendencia das fontes de cor? Édemasiado ou o apoio irregular é un problema real para os teus proxectos?

Persoalmente, paréceme que esta tendencia é moi divertida e ten un uso práctico real en proxectos impresos como carteis de eventos ou folletos. Aínda non estou moi convencido cando se trata de proxectos de sitios web. O tempo só dirá se esta tendencia se converte realmente en "a próxima gran cousa no deseño web" ou noutra moda fugaz.