Conseils sur les polices variables par Charles Nix

À l'heure actuelle, vous avez probablement vu des polices de caractères variables. Ces mots animés, souples, sautant et rebondissant ont été omniprésents dans nos flux de médias sociaux, attirant notre attention sur les mots et les titres, et attirant l'attention. Bien que l'animation soit le principal moyen par lequel la plupart d'entre nous ont rencontré les polices variables 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 des polices. Mais qu'est-ce qu'une police variable ?

À la base, une police variable est constituée de tous les styles possibles d'une police de caractères regroupés dans un seul fichier de police. Au lieu d'une douzaine ou d'une cinquantaine de fichiers de polices individuels, nous obtenons un fichier de polices contenant tous ces fichiers. Mais même cela est un peu trompeur (dans le bon sens du terme) : un fichier de police variable contient tous les styles que nous associons normalement aux polices - comme les variations de poids, par exemple - mais il contient également toute la gamme d'espace entre les deux. Il s'agit donc d'un seul fichier de police contenant tous les styles de caractères habituels et toutes les nuances possibles et imaginables.

Et comme la police Variable 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 polices rebondissantes et flexibles que l'on trouve un peu partout. Et il n'y a pas que le poids qui peut fléchir. Certaines 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) à une 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 ainsi de suite.

C'est une nouvelle fonctionnalité passionnante pour les polices et un nouvel avenir passionnant pour la typographie. Continuez à lire pour une plongée plus profonde dans les polices variables avec Myfonts !

Le format de police variable réduit comme par magie tous les styles d'une police de caractères en un seul fichier de 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 polices variables conçoivent les extrémités du voyage - le poids le plus léger et le poids le plus lourd, par exemple - en veillant à ce que chaque étape fonctionne parfaitement. Ils planifient ensuite les arrêts prévus (par exemple, light, regular, semi-bold, bold, 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 Next Variable.La version traditionnelle d'Avenir Next contenait jusqu'à 60 fichiers de polices - de UltraLight à Heavy et de condensed à regular, plus les italiques.Cela fait beaucoup de fichiers de polices à acheter et à suivre, et même si vous achetez toute la famille, vous êtes bloqué dans les graisses 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 police de caractères la plus célèbre de tous les temps : 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. Et c'est 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 en 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 à votre disposition pour une fraction du coût de l'Helvetica Now Variable.96 styles "statiques" de la police.

Si les polices Variable sont si populaires 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, le 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 !

Marquez vos dessins et modèles :#myfontsvariable

Vous avez examiné de plus près les variables, ce qu'elles sont et ce qu'elles peuvent faire. Vous vous demandez peut-être : "Où puis-je me procurer ces polices étonnantes ?". Eh bien... chez Myfonts, bien sûr ! Il y en a littéralement des centaines que vous pouvez explorer et acheter. Il vous suffit de rechercher "police variable" pour commencer votre voyage dans MyFonts Variable (ou d'explorer les superbes polices variables incluses dans les courriels de cette semaine). L'éventail des possibilités vous permettra de laisser libre cours à votre créativité, qu'il s'agisse de classiques utilitaires comme Helvetica Now Variable, de nouvelles venues séduisantes comme Cotford Variable de Tom Foley ou de 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 la rubriqueExpériences Codepenpar l'étonnante Mandy Michael ou ce bref tutoriel sur lesComment utiliser les polices variables et CSS de CSS-Trickset explorer l'incroyable potentiel des polices de caractères variables pour la typographie responsive sur le web, vous êtes votre brillant guide,Jason Pamental.

Et il existe une poignée de sites vraiment excellents qui présentent les possibilités offertes par Variable :Police variablepar l'incroyable Nick Sherman ;AxePraxispar la brillante Laurence Penney ; la vitrine de polices Variable de nos amis deMonotypeet de Wenting Zhang et Hua ShuTerrain de jeu des polices de caractères. Allez les voir, mouillez-vous les pieds, puis sautez dans la piscine de la police variable !

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 retrousser nos manches et d'examiner certains aspects de ce format de police extraordinaire qui sont porteurs d'avenir. 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. Certaines polices variables disposent d'un axe d'inclinaison (slnt) qui permet de contrôler le degré d'"obliquité". Enfin, certaines Variables contiennent un axe de taille optique (opsz) qui permet d'obtenir des styles différents pour les caractères très petits d'un côté et 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, c'est bien, mais il existe des exemples époustouflants autour de l'application des polices de caractères variables. Hier, nous avons mentionné le brillantJason Pamental'sLe guide de la typographie réactive de VBAT 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 le Studio Monotype) pourAmsteldokun véritable logo Variable ! Et une autre identité Variable très différente réalisée par Superunion (et le Studio Monotype) pour un géant de la livraison au Royaume-Uni.EVRi.

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