Variable Police Conseils de Charles Nix

À l'heure actuelle, vous avez probablement vu la Variable polices à l'œuvre. Ces mots animés, souples, sautant et rebondissant ont été partout sur nos fils d'actualité des médias sociaux, attirant notre attention sur les mots et les titres, commandant l'attention. Bien que l'animation soit la principale façon dont la plupart d'entre nous ont rencontré la Variable polices au cours des deux dernières années, ce n'est que la partie émergée de l'iceberg de ce qui est possible avec cette nouvelle fonctionnalité dynamique de police . Mais qu'est-ce qu'une Variable police?

Au fond, un Variable police est un fichier police contenant tous les styles possibles d'une police de caractères. Au lieu d'une douzaine ou d'une demi-douzaine de fichiers police , nous obtenons un fichier police contenant tous ces fichiers. Mais même cela est un peu trompeur (dans le bon sens du terme) : un fichier Variable police contient tous les styles que nous associons normalement à polices- comme les variations de poids, par exemple - mais il contient également tout le spectre de l'espace entre les deux. Il s'agit donc d'un fichier police contenant tous les styles de caractères habituels et toutes les nuances possibles.

Et comme la Variable police est un spectre de possibilités, les concepteurs intelligents que nous sommes ont rapidement réalisé qu'un spectre peut être mélangé et animé. D'où les rebonds et les flexions de polices . Et il n'y a pas que le poids qui peut fléchir. Certains polices variables ont également un spectre de largeurs. De plus, les créateurs de caractères peuvent ajouter un nombre illimité d'axes personnalisés (spectres de variation) à un police. Cela a donné lieu à encore plus d'expérimentation et d'expression : axes d'ombre, de brillance, d'émotion, axes pour le temps et l'heure de la journée, et bien d'autres encore.

Il s'agit d'une nouvelle fonctionnalité passionnante pour polices et d'un nouvel avenir passionnant pour la typographie. Continuez à lire pour une plongée plus profonde dans Variable polices avec Myfonts!

Le format Variable police réduit comme par magie tous les styles d'une police de caractères en un seul fichier police . Comment procède-t-il ? En écrivant le début et la fin de l'histoire et en vous permettant de choisir tous les événements intermédiaires. Les concepteurs de Variable police conçoivent le Prend fin le du voyage - le poids le plus léger et le poids le plus lourd, par exemple - en veillant à ce que chaque arrêt en cours de route fonctionne parfaitement. Ils planifient ensuite les arrêts prévus (par exemple, léger, normal, semi-gras, gras, etc.), mais laissent ouverte la possibilité de s'arrêter à n'importe lequel des centaines ou des milliers d'endroits entre ces stations. Le résultat est une sorte de billet illimité : des milliers de destinations pour un tarif unique.

Prenons l'exemple d'Avenir Suivante Variable. La version traditionnelle d'Avenir Suivante contenait jusqu'à 60 fichiers police - de UltraLight à Heavy et de condensed à regular, plus les italiques. Cela fait beaucoup de fichiers police à acheter et à suivre - et même si vous achetez toute la famille, vous êtes bloqué dans les poids et largeurs disponibles. Mais avec Variable, si vous avez besoin d'une graisse un peu plus légère pour les titres, ou un peu plus grasse pour les légendes, ou encore un peu plus condensée pour faire tenir plus de texte dans un espace réduit, il vous suffit de la composer. 32 500 styles possibles sont au bout de vos doigts créatifs pour une fraction du coût des 60 styles précédemment disponibles.

Prenons par exemple la plus célèbre des polices de caractères : l'Helvetica. Dans Helvetica Now Variable, les concepteurs ont même accès à 2 470 000 styles possibles. Il s'agit d'un spectre de variations de poids, de largeur et de taille optique. Il s'agit également d'une combinaison de tous ces axes. Si vous avez besoin d'un caractère semi-gras, semi-gras, semi-gras, légèrement condensé pour une utilisation dans des caractères très petits (et qui n'en a pas besoin ?), Helvetica Now Variable vous couvre. Si vous avez besoin d'une police de caractères plus fine que la Normale pour les titres géants, Helvetica Now Variable est faite pour vous. Et encore une fois, toute cette puissance de feu créative est disponible pour une fraction du coût des 96 styles "statiques" du site police.

Si Variable polices est devenu si populaire ces derniers temps, c'est en partie parce que le terrain a été préparé au cours des deux dernières décennies. Les navigateurs web et le tissu même de la conception sur le web, CSS, attendaient l'arrivée de Variable. Les navigateurs sont les salles de cinéma de CSS et HTML, et comme HTML et CSS sont tous deux "prêts pour Variable", presque tous les navigateurs du monde ont été préparés pour Variable.

Et tous les autres logiciels que vous utilisez pour créer vos dessins sont prêts pour Varialble. InDesign ? Prêt pour Variable. Illustrator ? Variable ready. PhotoShop ? Sketch ? Figma ? Prêt, prêt, prêt. Si vous réussissez, Variable sera là. Alors, lancez-vous !

Faites des gifs Variables ! Commencez par vous y mettre. Il existe mille et un tutoriels sur le web pour vous aider à animer des Variables. Vous allez vous amuser ! Vous participez à la création de l'avenir de la typographie et du design !

Taguez vos créations : #myfontsvariable

Vous avez examiné de plus près les variables - ce qu'elles sont, ce qu'elles peuvent faire et ce qu'elles feront. Vous vous demandez peut-être : "Où puis-je mettre la main sur ces incroyables polices?". Eh bien... sur Myfonts, bien sûr ! Il y en a littéralement des centaines que vous pouvez explorer et acheter. Il vous suffit de rechercher "variable police" pour commencer votre voyage MyFonts Variable (ou d'explorer l'excellente Variable polices incluse dans les courriels de cette semaine). L'éventail des possibilités va faire jaillir votre créativité, des classiques utilitaires comme Helvetica Now Variable aux nouveaux venus séduisants comme Cotford Variable de Tom Foley, en passant par des joyaux cachés comme Wakerobin de Carl Crossgrove.

Et lorsque vous serez prêt à vous plonger dans les possibilités créatives de Variable, ne manquez pas de consulter les expériences de Mandy Michael sur Codepen ou ce bref tutoriel sur l 'utilisation de Variable polices et CSS de CSS-Tricks et explorez l'incroyable potentiel de Variable polices pour une typographie réactive sur le web - vous êtes votre brillant guide, Jason Pamental.

Et il y a une poignée de sites vraiment géniaux qui présentent les possibilités de la Variable : Variable Police de l'incroyable Nick Sherman ; AxisPraxis de la brillante Laurence Penney ; la vitrine Variable police de nos amis de Monotype et Police Playground de Wenting Zhang et Hua Shu. Jetez-y un coup d'œil, mouillez-vous les pieds, puis sautez dans la piscine de Variable police !

Et n'oubliez pas de garder un œil sur les travaux Variable qui sont réalisés quotidiennement et présentés sur les médias sociaux. Des fonderies, des designers, des agences et des marques talentueux publient en permanence de nouvelles créations Variable, en provenance du monde entier.

Il est temps de se retrousser les manches et d'examiner certains des aspects porteurs d'avenir de ce formidable format police . Commençons par l'idée des axes. Ne vous inquiétez pas, nous essaierons de rester légers.

Comme vous l'avez appris, les axes sont les "lignes de variation" dans Variables. Le poids (wght) est l'axe le plus populaire, auquel nous pouvons tous nous identifier. À une extrémité de l'axe du poids se trouve la partie légère du spectre et à l'autre, la partie la plus lourde. La largeur (wdth) est le deuxième axe le plus populaire : du plus condensé au plus étendu. Il existe un axe italique (ital) : un simple interrupteur marche/arrêt pour les italiques dans une famille. Il existe un axe Slant (slnt) distinct dans certaines variables polices pour contrôler le degré d'"obliquité". Et certaines variables contiennent un axe de taille optique (opsz) pour permettre des styles différents pour les caractères très petits d'un côté et les caractères très grands de l'autre.

Il s'agit des cinq axes définis, mais les créateurs de caractères sont libres de créer autant d'axes personnalisés qu'ils le souhaitent. Cela a donné lieu à des explorations très créatives : l'axe "wonk" pour ajouter du "wonk" ; l'axe "casual" pour un peu plus de convivialité ; l'axe "softness" pour des caractères plus agréables au toucher ; et ainsi de suite.

Les axes personnalisés sont géniaux, mais il y a des exemples époustouflants qui apparaissent autour de l'application de Variable polices. Hier, nous avons mentionné le guide du brillant Jason Pamental sur la typographie réactive via Variable, mais il n'y a pas de mal à lui donner un autre coup de pouce ! Regardez cette incroyable application de Variable (par VBAT et Monotype Studio) pour Amsteldok - un logo Variable à part entière ! Et une autre identité Variable très différente par Superunion (et le Studio Monotype) pour le géant britannique de la livraison EVRi.

L'avenir de la typographie avec Variable est très prometteur. Ajoutez votre voix visuelle à l'histoire !