Tipps für variable Schriftarten von Charles Nix

Wahrscheinlich haben Sie schon einmal variable Schriftarten gesehen. Diese matschigen, springenden, hüpfenden, animierten Wörter sind überall in unseren Social-Media-Feeds zu sehen, sie lenken unsere Aufmerksamkeit auf Wörter und Überschriften und erregen Aufmerksamkeit. Obwohl die meisten von uns in den letzten Jahren vor allem durch Animationen mit variablen Schriftarten in Berührung gekommen sind, ist dies nur die Spitze des Eisbergs dessen, was mit dieser dynamischen neuen Schriftfunktion möglich ist. Aber was ist eine variable Schriftart?

Im Grunde genommen ist eine Variable Schriftart alle möglichen Stile einer Schriftart in einer Schriftartdatei zusammengefasst. Anstelle von einem Dutzend oder fünf Dutzend einzelner Schriftdateien erhalten wir eine Schriftdatei, in der alle diese Dateien enthalten sind. Aber selbst das ist ein wenig irreführend (auf eine gute Art und Weise): Eine Datei mit einer variablen Schriftart enthält alle Stile, die wir normalerweise mit Schriftarten in Verbindung bringen, wie z. B. Variationen in der Gewichtung, aber sie enthält auch das gesamte Spektrum an Zwischenräumen. Es handelt sich also um eine einzige Schriftdatei mit allen üblichen Schriftstilen und allen möglichen Schattierungen, die man sich wünschen kann.

Und da die Variable Schrift ein Spektrum von Möglichkeiten ist, haben wir, clevere Designer, die wir sind, schnell erkannt, dass ein Spektrum gemischt und animiert werden kann. Daher die hüpfenden, sich biegenden Schriftarten überall. Und es ist nicht nur das Gewicht, das sich biegen kann. Einige variable Schriftarten haben auch ein Spektrum an Breiten. Darüber hinaus ist es Schriftdesignern möglich, einer Schrift eine beliebige Anzahl benutzerdefinierter Achsen (Variationsspektren) hinzuzufügen. Dies hat zu noch mehr Experimenten und Ausdrucksmöglichkeiten geführt: Achsen für Schatten, Glanz, Emotionen, Achsen für das Wetter und die Tageszeit und so weiter und so fort.

Das ist eine aufregende neue Funktion für Schriften und eine aufregende neue Zukunft für die Typografie. Lesen Sie weiter, um einen tieferen Einblick in variable Schriften mit Myfonts zu erhalten!

Das variable Schriftformat reduziert auf magische Weise alle Stile einer Schriftart in eine einzige Schriftdatei. Wie wird das gemacht? Indem Sie den Anfang und das Ende der Geschichte schreiben und alle dazwischen liegenden Ereignisse auswählen können. Variable Schriftdesigner entwerfen die Endpunkte der Reise - zum Beispiel die leichteste und die schwerste Schrift - und achten darauf, dass jede Station auf dem Weg perfekt funktioniert. Sie planen dann die zu erwartenden Haltestellen (z. B. Light, Regular, Semi-Bold, Bold usw.), lassen aber die Möglichkeit offen, dass man an einem von Hunderten oder Tausenden von Orten zwischen diesen Stationen anhalten möchte. Das Ergebnis ist eine Art unbegrenzter Fahrschein - Tausende von Zielen für einen einzigen Fahrpreis.

Nehmen Sie zum Beispiel Avenir Next Variable.Die herkömmliche Version von Avenir Next enthielt bis zu 60 Schriftdateien - von UltraLight bis Heavy und von Condensed bis Regular, plus die Kursivschrift.Das ist eine Menge an Schriftdateien, die Sie kaufen und verfolgen müssen - und selbst wenn Sie die gesamte Familie kaufen, sind Sie an die verfügbaren Schnitte und Breiten gebunden. Aber wenn Sie mit Variable eine etwas leichtere Schrift für Überschriften oder eine etwas fettere für Bildunterschriften benötigen oder eine etwas schmalere, um mehr Text auf kleinem Raum unterzubringen, können Sie sie einfach anpassen.32 500 mögliche Stile stehen Ihnen für einen Bruchteil der Kosten der bisher verfügbaren 60 Stile zur Verfügung.

Oder nehmen Sie die berühmteste Schrift aller Zeiten: Helvetica.In Helvetica Now Variable haben Designer sogar Zugriff auf 2.470.000 mögliche Stile.Das ist ein Spektrum von Variationen in Gewicht und Breite und optischer Größe. Und es ist eine Kombination aus all diesen Achsen. Wenn Sie eine halb, halb, halb fette, leicht kondensierte Schrift für die Verwendung in wirklich kleinen Schriften benötigen (und wer braucht das nicht?), dann ist Helvetica Now Variable genau das Richtige für Sie. Wenn Sie eine elegante, nur wenig schlankere Schrift für große Überschriften benötigen, ist Helvetica Now Variable genau das Richtige für Sie. Und auch hier gilt: All diese kreative Feuerkraft steht Ihnen für einen Bruchteil der Kosten für die96 "statische" Stile der Schriftart.

Die Popularität der variablen Schriftarten in letzter Zeit ist zum Teil darauf zurückzuführen, dass der Boden in den letzten zwei Jahrzehnten bereitet wurde. Webbrowser und das Grundgerüst des Web-Designs, CSS, haben auf die Ankunft von Variable gewartet. Browser sind die Kinosäle von CSS und HTML, und da sowohl HTML als auch CSS "variabel" sind, wurde fast jeder Browser der Welt für Variable vorbereitet.

Und jede andere Software, mit der Sie Ihre Entwürfe erstellen, ist bereit für Varialble. InDesign? Variable bereit. Illustrator? Variabel bereit. Photoshop? Skizze? Figma? Bereit, bereit, bereit. Wenn Sie es schaffen, wird Variable dabei sein. Also - fangen Sie an!

Mach ein paar Variable Gifs! Legen Sie los. Es gibt tausend und eine Anleitung im Internet, die dir hilft, Variablen zu animieren. Sie werden Spaß haben! Sie gestalten die Zukunft der Typografie und des Designs mit!

Kennzeichnen Sie Ihre Entwürfe:#myfontsvariable

Sie haben sich näher mit Variablen befasst - was sie sind und was sie können und bewirken. Vielleicht fragen Sie sich: "Wo kann ich einige dieser erstaunlichen Schriftarten erwerben?" Nun... bei Myfonts, natürlich! Es gibt buchstäblich Hunderte von Schriften, die Sie erkunden und kaufen können. Suchen Sie einfach nach "Variable Fonts", um Ihre MyFonts-Variable-Reise zu beginnen (oder entdecken Sie die großartigen variablen Schriftarten, die in den E-Mails dieser Woche enthalten sind). Die Vielfalt der Möglichkeiten wird Ihre kreativen Säfte in Wallung bringen - von nützlichen Klassikern wie Helvetica Now Variable über verführerische Neuzugänge wie Tom Foleys Cotford Variable bis hin zu versteckten Perlen wie Carl Crossgroves Wakerobin.

Und wenn Sie bereit sind, in die kreativen Möglichkeiten von Variable einzutauchen, sollten Sie sich dieCodepen-Experimentevon der wunderbaren Mandy Michael oder dieses kurze Tutorial überVerwendung von variablen Schriftarten und CSS von CSS-Tricksund erforschen Sie das unglaubliche Potenzial von variablen Schriften für responsive Typografie im Web - Sie sind Ihr brillanter Führer,Jason Pamental.

Und es gibt eine Handvoll wirklich großartiger Websites, die die variablen Möglichkeiten aufzeigen:Variable Schriftartvon dem unglaublichen Nick Sherman;AxisPraxisvon der brillanten Laurence Penney; das Variable Font Showcase von unseren Freunden beiMonotypeund Wenting Zhang und Hua Shu'sSchriftart Spielplatz. Probieren Sie sie aus - machen Sie sich die Füße nass - und springen Sie dann in den Pool der variablen Schriften!

Und vergessen Sie nicht, nach den variablen Arbeiten Ausschau zu halten, die täglich entstehen und in den sozialen Medien präsentiert werden. Talentierte Gießereien, Designer, Agenturen und Marken posten ständig neue variable Arbeiten - und zwar aus der ganzen Welt.

Es ist an der Zeit, die Ärmel hochzukrempeln und einige der zukunftsweisenden Aspekte dieses erstaunlichen Schriftformats zu betrachten. Beginnen wir mit der Idee der Achsen. Keine Sorge, wir werden versuchen, es leicht zu halten.

Wie Sie bereits gelernt haben, sind Achsen die "Variationslinien" in Variablen. Das Gewicht (wght) ist die beliebteste Achse und eine, mit der wir alle etwas anfangen können. An einem Ende der Gewichtsachse befindet sich das leichte Ende des Spektrums und am anderen das schwerste. Die Breite (wdth) ist die zweitbeliebteste Achse: von der schmalsten bis zur größten Ausdehnung. Es gibt eine Achse für Kursivschrift (ital): ein einfacher Ein/Aus-Schalter für Kursivschrift in einer Familie. In einigen variablen Schriften gibt es eine separate Achse für die Schrägstellung (slnt), mit der der Grad der "Schrägstellung" gesteuert wird. Und einige Variablen enthalten eine Achse für die optische Größe (opsz), um verschiedene Stile für sehr kleine Schriften auf der einen und sehr große Schriften auf der anderen Seite zu ermöglichen.

Dies sind die fünf definierten Achsen, aber Schriftgestalter können so viele benutzerdefinierte Achsen erstellen, wie sie möchten. Das hat zu einigen wirklich kreativen Erkundungen geführt: die "Wonk"-Achse zum Hinzufügen von "Wonkigkeit"; die "Casual"-Achse für etwas mehr Freundlichkeit; die "Softness"-Achse für eine greifbarere Schrift; und so weiter und so fort.

Benutzerdefinierte Achsen sind großartig, aber es gibt auch einige verblüffende Beispiele für die Anwendung von variablen Schriftarten. Gestern haben wir das brillanteJason Pamental'sLeitfaden für responsive Typografie über Variable, aber es kann nicht schaden, ihn noch einmal zu erwähnen! Sehen Sie sich diese unglaubliche Anwendung von Variable (von VBAT und dem Monotype Studio) fürAmsteldokein vollwertiges Variable-Logo! Und eine weitere, sehr unterschiedliche Variable-Identität von Superunion (und dem Monotype Studio) für den britischen VersandriesenEVRi.

Die Zukunft der Typografie mit Variable ist strahlend hell. Verleihen Sie der Geschichte Ihre visuelle Stimme!