Achtzehn Jahre in diesem Geschäft liebe ich es, in die guten alten Zeiten des frühen bis mittleren 2000er zurückzudenken, als es eine Explosion der Kreativität im Web gab. Es fühlte sich frisch und ungezügelt an, mit Grenzen, die bei jeder Gelegenheit überschritten werden sollten, und das wurden sie auch. Dies war hauptsächlich auf eine Sache zurückzuführen, die für manche der Stoff für Albträume ist: Flash! Natürlich hatte es einige große inherente Fehler, aber ob man es nun liebt oder hasst, es hat sicherlich den Weg geebnet für das, was wir vom offenen Web erwarteten. Sicher, es war wahrscheinlich ein langwierigerer Prozess, als wir gehofft hatten, aber mit einigen rücksichtslosen neuen Fortschritten der letzten Jahre habe ich das Gefühl, dass die Dinge jetzt richtig saftig werden.
Mehrere Dinge fallen mir ein, die mich heute beim Designen und Entwickeln für das Web begeistern, einige sind mittlerweile weit verbreitet, wie SVG (obwohl technisch alt) und WebGL-Animationen, die einige offensichtliche Parallelen zur Flash-Ära ziehen. Sicherlich hat sich CSS Grid etabliert und sich bemerkbar gemacht, indem es von den Zinnen rief, wie die Fesseln des Layouts nun der Vergangenheit angehören. Ein großes Lob an großartige Leute wie Rachel Andrew und Jen Simmons für ihre ernsthaften Bemühungen, uns einfache Sterbliche in diesem Bereich zu unterrichten und die Lernkurve und die Akzeptanz etwas schmackhafter und zugänglicher zu machen.
Wenn man sich heute umsieht, kann man sehen, wie Fortschritte wie Grid dazu beigetragen haben, den Aufstieg asymmetrischerer Layouts zu fördern, wobei Designstile wie Brutalismus-Design im letzten Jahr oder so einen Trend durchlaufen haben. Aber im Laufe der Zeit schien es, als ob die Typografie mit all den anderen Erfolgen bei der Weiterentwicklung des Webs ein wenig in den Hintergrund geraten wäre. Jetzt kommen variable Schriften 🥳
Variable Schriften haben in den letzten ein bis zwei Jahren definitiv mein Interesse geweckt. Sie bieten uns nicht nur den offensichtlichen Leistungsschub mit weniger HTTPS-Anfragen und kleineren Größen im Vergleich zu den Bündeln von Web-Schriften, die wir alle in unsere Seiten einfügen, sondern wir erhalten auch mehr Kontrolle über die Typografie in Bezug auf Lesbarkeit und Zugänglichkeit. Sagen Sie Lebewohl zu frech hinzugefügten, matschigen, geopferten Faux-Bold- oder Kursivstilen zu unserem CSS!
Wenn man dies weiter betrachtet, habe ich das Gefühl, dass variable Schriften wirklich die Tür zu neuen kreativen Möglichkeiten geöffnet haben, deren Oberfläche wir gerade erst kratzen. Die Möglichkeit, zwischen verschiedenen Werten der Achsen zu interpolieren, schreit förmlich nach Animation. Wir haben die standardisierte Reihe von 5 registrierten Achsen wie font-weight, font-stretch, font-style usw., die geradlinig genug zu schätzen sind, aber wenn es um benutzerdefinierte Achsen über font-variation-settings geht, werden die Dinge verrückt und machen Spaß. Typografen können die Interpolation in benutzerdefinierten Achsen verwenden, um wirklich abgefahrene Dinge zu kreieren, die über Text hinausgehen. Schauen Sie sich einfach Typeartures fantastische variable Schrift-Experimente an, um zu sehen, was ich meine.
Vor ein paar Monaten hatte ich das Privileg, Greensocks' neu veröffentlichte GSAP 3 auszuprobieren und zu testen, worauf ich mich auch definitiv freue. Es bietet eine neue vereinfachte API und über 50 neue Funktionen, ist aber nur etwa halb so groß wie die vorherige Version. Das ist momentan mein Katzenminze: GSAP auf variable Schriften in CodePen zu schichten, um schöne kinetische Typografie im DOM zu erstellen. Diese Art von Magie wurde bisher, glaube ich, eher WebGL, Processing und After Effects zugeschrieben. Jetzt, mit einigen GSAP-Plugins obendrauf, kann man definitiv einige sehr coole und einzigartige Dinge kreieren. Ich würde jedoch vorschlagen, dass Sie diese neue kreative Kraft der Animation von variablen Schriften, egal wie Sie sie anwenden, sparsam einsetzen, da Reflow ein Problem mit Rucklern werden könnte.
Ich bin gespannt, was die Leute im nächsten Jahr mit variablen Schriften kreieren werden, wenn sie sich weiter verbreiten. Nicht nur auf typografische Behandlungen in Layouts beschränkt, sondern auch in Bezug auf Animationen und Mikrointeraktionen. Es scheint eine große Aufgabe für Designer zu sein, solche Schriften zu erstellen, aber Respekt dafür. Ich bin sicher, wir werden sie umso mehr zu schätzen wissen. Danke im Voraus, Typografen!
frühes bis mittleres 2000er?
Hallo Harry, ja, das war, als ich persönlich das Gefühl hatte, dass die Dinge richtig an Fahrt aufnahmen. Ich habe 2000 angefangen und mit der Einführung von ActionScript für Flash im selben Jahr schien das Niveau der Interaktivität und des Designs in den folgenden Jahren zu eskalieren. Es wurde wirklich interessant, es gab eine riesige Menge an Experimenten mit Schnittstelleninteraktivität und Engagement. Vieles davon fand später seinen Weg in den Mainstream, indem offene Technologien wie JavaScript usw. verwendet wurden, insbesondere als Greensock seine Animationsplattform für ActionScript nach JavaScript portierte.