Was sind Farbschriften?

Farbfonts sollen 2018 die Welt des Grafikdesigns übernehmen, aber was genau sind sie und wie können sie verwendet werden??

Hier werden wir den technischen Jargon durchforsten und zur einfachen Wahrheit der Farbschriftarten gelangen. Dieser unverschämte In-Your-Face-Trend verspricht, den Spaß wieder in die Typografie zu bringen. Ein Muss für Web- und Grafikdesigner. Diese clevere neue Technologie wird das Digital- und Druckdesign für die nächsten Jahre transformierend beeinflussen. Lasst euch also nicht zurück und lest weiter! 

Suchen Sie, wie Sie eine Farbschrift erstellen können? Sehen Sie sich unser Tutorial zum Erstellen einer Farbschrift mit Adobe Illustrator und Fontself an. 

Bild von color.typekit.com

Was genau sind Farbschriften??

Wenn Sie einen sehr detaillierten Typ für ein Design verwenden möchten, müssen Sie ein Vektor- oder Rasterbild eines Buchstabens oder einer Buchstabengruppe verwenden. Egal, ob sie von Typografiekünstlern von Grund auf neu erstellt oder von einer Stock-Site heruntergeladen werden. Diese Bilder sind zeitaufwändig in der Erstellung und verfügen nicht über die Funktionalität oder Flexibilität einer Schriftartdatei. 

Zumindest war das bisher so. Farbe Schriftarten, manchmal als bezeichnet chromatische Schriftarten, stellen den nächsten Evolutionsschritt für die Typografie dar und integrieren Details wie Farbe, Farbverläufe und Texturen in eine Schriftartdatei, entweder im Vektor- oder Bitmap-Format. Vektordetails wirken klar und scharf, auch wenn sie groß skaliert sind. Bitmap-Farbschriften können pixelig oder verschwommen aussehen, wenn sie auf eine Größe skaliert werden, die größer als die beabsichtigte maximale Größe ist. 

Jede Farbschrift besteht aus einem "Fallback" -Kern, der standardmäßigen OpenType-Vektorschriftart, und zusätzlichen Daten, für die das SVG-Format (Scalable Vector Graphics) verwendet wird. Bei Schriftentwicklern werden Farbschriftarten als bezeichnet OpenType-SVG-Schriftarten

Diese Adobe Typekit-Farbschrift, Trajan-Farbkonzept, kombiniert die standardmäßige Trajan-Schriftart mit Farbverläufen, Farben und Schattierungen für einen kunstvollen Metalleffekt.

Wenn Sie die Schrift in einem Browser betrachten, der Farbschriften unterstützt, können Sie die farbenfrohe Version sehen. Wenn nicht, sehen Sie die Fallback-Version. Dies ist wichtig, um sich eine mentale Notiz zu machen, bevor Sie alle Schriftarten auf Ihrer Website in Farbschriften konvertieren. Da Farbschriften noch relativ neu sind, können die meisten Browser-Versionen die Technologie derzeit nicht unterstützen. Überspringen zu "Wie kann ich sie verwenden?", weiter unten, um mehr zu erfahren. 

Hmm, warum sollte ich sie verwenden wollen??

Erinnern Sie sich an den Nervenkitzel der Verwendung von WordArt, um Ihre PowerPoint-Präsentationen bereits in der Schule zu verschönern? Während Ihr Lehrer vielleicht weniger begeistert war, macht es einfach etwas Spaß, wenn Sie einen maximalistischen Ausdruck in Text einfügen. Farbschriften sind im Grunde wie WordArt für das Internetzeitalter und verleihen jedem Design zusätzlichen Schwung. 

Dies ist kein Trend, den minimalistische Fans voll und ganz begrüßen werden, aber erfrischt nach jahrzehntelangem, sauberem, von der Schweizer Schule inspiriertem Design. Farbschriften stehen am anderen Ende des Spektrums der Reinlichkeit des Scandi gegenüber und orientieren sich stattdessen an Emojis, Retro-Stilen und App-Designs.

Bungee-Farbschrift von David Jonathan Ross

Farbige Schriften weisen eine wacklige Grenze zwischen gutem und schlechtem Geschmack auf, aber irgendwie fühlen sie sich gerade jetzt genau richtig. Sie erscheinen neben einer Wiederbelebung aller Retro-Elemente sowie einer neuen, maximalistischen Stimmung in allen Designbereichen, von der Mode bis zum Interieur. Farbschriften nehmen sich nicht zu ernst und sind sofort einnehmend. Das macht sie besonders attraktiv für Designer und Vermarkter, die den wankelmütigen, technisch besessenen Jahrtausendmarkt begeistern wollen.

Über alles, Farbschriften machen Spaß! Frühe Farbschriften wurden hauptsächlich für Websites und Apps konzipiert, sie bieten jedoch auch das Potenzial, jugendliches und frisches Druckdesign anzubieten. Sie können eine Farbschrift nicht verwenden, ohne ein Lächeln zu knacken, was Designer und Konsumenten in diesen politisch und sozial unsicheren Zeiten vielleicht begehren. 

OK, also wo kann ich sie verwenden?

Da Farbschriften eine so neue Technologie sind, müssen viele Browser, Geräte und Softwareprogramme noch aufholen. In einigen Browsern können möglicherweise keine Farbschriften angezeigt werden. Stattdessen können Sie nur die standardmäßige OpenType-Version anzeigen.

Bild von Bixa Color

Dies dürfte sich jedoch sehr bald ändern. OpenType-SVG-Schriftarten wurden zu einem Industriestandard für Farbschriften erklärt, was bedeutet, dass Browser und Software wahrscheinlich schnell aktualisiert werden, um sie zu vereinfachen. Sie können derzeit Farbschriften in neueren Versionen von Firefox (ab Version 26) und Microsoft Edge (ab Version 38 unter Windows 10) anzeigen..

Bei der Verwendung von Farbschriften in Design-Software ist Adobe der Kurve voraus. Designer können Farbschriften mit den neuesten Inkarnationen von anzeigen und anwenden Illustrator (CC 2018), Photoshop (CC 2017) und InDesign (CC 2018).

Einige Schriftdesigner experimentieren auch mit animierten Versionen von Farbschriften. Gilbert, Eine von Fontself erstellte Farbschrift kann in verwendet werden Adobe After Effects.

Gilbert, eine Farbschrift in statischen und animierten Versionen

Diese animierten Stile stellen eine aufregende neue Entwicklung für besser zugängliche Animationen dar, die sie bald in Social Media, GIFs und Videos überall sehen werden.

Wo finde ich Farbschriften??

Momentan gibt es nur wenige Farbschriften, aber es werden immer mehr veröffentlicht, wenn der Trend an Bedeutung gewinnt. Adobe hat eine dedizierte Farbschrift Typekit, Dort werden die neuesten Farbschriften beschrieben, die zum Download für Web und Print verfügbar sind. Einer der bemerkenswertesten Starts ist die Farbschriftversion von Emoji One, Das Einbinden farbiger Emoji-Grafiken in Ihre Designs ist mit dem Glyphs-Bedienfeld sehr einfach. 

Glyphen aus der Emoji One Color-Schrift

Einige Schriftdesigner verwenden eine dedizierte Plattform, um ihre Farb-Schriftarten zu starten. Bixa-Farbe ist eine retro-inspirierte Zusammenarbeit von NovoTypo und Roel Nieskens. 

Bixa Color-Schriftart von NovoType und Roel Nieskens

Bungee, Entworfen von David Jonathan Ross, ist es in einer erstaunlichen Auswahl an Farben und Stilen sowie in horizontalen und vertikalen Versionen erhältlich.

Bungee-Farbschrift von David Jonathan Ross

Möchten Sie Ihre eigene Farbschrift erstellen?? Schrift selbst ist das Anlaufwerkzeug für Farbdesigner. Schauen Sie sich die dedizierte Seite für an Gilbert, das mit Fontself erstellt wurde, um Inspiration für die Möglichkeiten zu finden. 

Gilbert-Farbschrift, erstellt mit Fontself

Ich bin eine Farbschrift konvertieren! Aber wie soll ich sie benutzen??

Wenn Sie von der Farbfehlwanze gebissen wurden, kann es verlockend sein, alle Ihre alten Schriften herauszuwerfen und ein bisschen verrückt zu werden. Bevor Sie Designs erstellen, die einer schlechten Säurefahrt ähneln, sollten Sie diese Tipps und Hinweise in Betracht ziehen, um diesen neuen Typografie-Trend bestmöglich zu nutzen. 

Wie bei Standardschriftarten sind einige deutlich besser als andere. Nur wegen dir können Verwenden Sie eine Farbschrift nicht unbedingt sollte. Wenn Sie einige Monate warten, stehen Ihnen eine viel größere Auswahl an Farbschriften zur Verfügung, mit deren Hilfe Sie besser durchdachte Entwürfe erstellen können. 

Beachten Sie die Einschränkungen von Farbschriften. Wenn Sie sich für eine Bitmap-Schriftart entschieden haben, empfiehlt es sich, diese nicht in einem größeren Maßstab zu verwenden, als vom Font-Designer beabsichtigt. So kann beispielsweise eine Bitmap-Farbschrift auf einem gedruckten Flyer mit der richtigen Größe großartig aussehen, in einem responsiven Webdesign, das die Skalierung von Inhalten auf Desktops auf eine große Größe einschließt, jedoch möglicherweise weniger gut aussehen. 

Beachten Sie auch, dass Farbschriften aufgrund der zusätzlichen Datenmenge schwerer sind als ihre OpenType-Verwandten. Sie sind nicht immer groß (z. B. trägt die Bixa Color-Schrift zusätzlich zur regulären Schriftgröße weitere 30 KB), kann jedoch die Ladezeit von Websites und Apps beeinflussen. Verwenden Sie auf jeden Fall Ihre Farbschriften ohne Rücksicht, lassen Sie jedoch nicht zu, dass die Nutzung des Designs durch den Benutzer beeinträchtigt wird. 

Wenn Sie Farbschriftarten für das Webdesign verwenden möchten, sollten Sie auch die Möglichkeit in Betracht ziehen, dass es lange dauern kann, bis die meisten Besucher die Schriftarten wie gewünscht anzeigen können. Es kann viele Monate oder Jahre dauern, bis sich Benutzer für ein Update oder einen Browserwechsel entscheiden, und die meisten werden sich nicht der dringenden Notwendigkeit bewusst sein, dies in Bezug auf das Anzeigen von Farbschriften zu tun. Vor diesem Hintergrund müssen Sie sicherstellen, dass Ihre Schriftart im Fallback-Format genauso gut aussieht wie in Farbe. 

Da Farbschriften recht laut und schillernd sind, können sie ein Design in unangenehmen Bereich bringen. Für einige Designs, insbesondere Apps, die auf einen jüngeren Markt abzielen, kann dies ein Bonus sein! Die Farbschriftartekit-Seite von Adobe provoziert sofort die liebevolle Reaktion auf übermäßiges Webdesign. Andere Designer ziehen es möglicherweise vor, eine Farbschrift mit einem gleichwertigeren Typ oder Schwarzweißbildern im Rest des Layouts abzugleichen, oder sie verwenden eine Farbschrift als alleinigen Fokus auf ein ansonsten sauberes und einfaches Design. 

Wenn Sie Farbschriften mit saubereren Elementen in Ihren Entwürfen kombinieren, werden Layouts ausgewogener. Dies zeigt das Beispiel anhand der von Igor Petrovic entwickelten Popsky-Farbschrift.

Wenn Sie sich noch nicht sicher sind, wie Farbschriften in Ihren Designs verwendet werden sollen, sollten Sie sich an den Zweck Ihres Designs erinnern. Möchten Sie einen hyper-trendbewussten Markt anvisieren, wie technisch versierte Millennials? Die freie Verwendung von Farbschriften führt zu einem ansprechenden und jugendlichen Design. Möchten Sie einfach Farbschriften verwenden, um Ihrem Design einen Unterschied zu verleihen? Wenn Sie sie sparsam verwenden, erhalten Sie ein professionelleres und ausgefeilteres Ergebnis. 

Fazit

Farbschriften sind zwar der neueste Trend im Grafikdesign, aber es sieht so aus, als ob sie zumindest auf absehbare Zeit hier bleiben werden. Sie stellen einen Bruch mit der herkömmlichen Schrifttechnologie dar und machen detailliertere Texte und sogar animierten Text, der für Designer und Nicht-Designer gleichermaßen zugänglich ist.

Da Farbschriftarten noch in den Kinderschuhen stecken, steht eine begrenzte Anzahl von Schriftarten zum Download zur Verfügung, wodurch ihre derzeitige Verwendung für Designer ein wenig eingeschränkt wird. Dies ist jedoch eine aufregende Zeit für angehende Schriftdesigner. Wenn Sie nach einer neuen Typ-Herausforderung suchen, kann das Erstellen einer eigenen Farbschrift von Grund auf sowohl kreativ als auch finanziell lohnend sein. 

Möchten Sie einen Zeh in das Schriftdesign eintauchen? Diese Tutorials führen Sie durch die Grundlagen zum Erstellen eigener Schriftarten von Grund auf:

  • So erstellen Sie Ihre eigene Schrift

    In diesem Artikel sprechen wir über Schriftarten! Hast du jemals versucht, eine zu machen? Selbst wenn Sie noch nie darüber nachgedacht haben, werden Sie vielleicht nach…
    Yulia Sokolova
    Schriftarten
  • So erstellen Sie eine Schrift in Adobe Illustrator

    Wenn Sie Designer oder Illustrator sind und in Adobe Illustrator Glyphen bequemer erstellen können, ist dieses Tutorial genau das Richtige für Sie! Wir planen unsere…
    Mary Winkler
    Schriftgestaltung
  • So erstellen Sie eine Schriftart mit Fontself und FontForge

    Dieses Tutorial ist der zweite Teil unserer einfachen Erstellung von Schriftarten in Adobe Illustrator! In diesem Tutorial werden zwei fantastische Methoden zum Erstellen von…
    Mary Winkler
    FontForge
  • Grundlagen zum Zeichnen und Erstellen eigener handschriftlicher Schriftarten

    Wollten Sie schon immer Ihren digitalen Layouts und Designs eine wirklich persönliche Note verleihen? In diesem Tutorial werden wir uns ansehen, wie Sie eine eigene Schrift erstellen können.
    Grace Fussell
    Schriftgestaltung
  • So erstellen Sie eine Farbschrift mit Adobe Illustrator und Fontself Maker

    Das Erstellen von Schriftarten war noch nie so einfach wie mit Fontself - eine leistungsstarke Erweiterung für Adobe Illustrator und Photoshop. Erfahren Sie, wie Sie mit Fontself Farbschriften erstellen!
    Yulia Sokolova
    Adobe Illustrator