Farbschriften Ein Anfängerhandbuch

Also, was zum Teufel ist eine Farbschrift? Es ist ein Begriff, der immer wieder auftaucht und langsam an Bedeutung gewinnt, obwohl der Einsatz in großen Designprojekten noch in den Kinderschuhen steckt.

Anbieter wie das Typekit von Adobe haben mit der Unterstützung von Browsern begonnen, einige Optionen für Farbschriftarten zu veröffentlichen. Einige haben sogar Farbschriften genannt - das nächste große Ding im Webdesign.

Hier schauen wir uns den Trend an und lassen Sie entscheiden, wie groß - oder nicht - Dieses Konzept wird sein.

Was ist eine Farbschrift?

Farbschriften sind fast genau so, wie sie klingen. Schriftarten, die mehrere Farben, Schattierungen oder Verläufe, Texturen oder Transparenz enthalten. Diese funky Optionen fügen nicht nur der Schrift Farbe hinzu, sondern sind spezifische Schriftarten mit allen Details.

Farbschriftarten können Vektorformen, Bitmapbilder oder beides in den Zeichensatzdateien enthalten, wodurch diese Schriftarten schwerer als Standardschriftartenpakete werden können. Häufige Beispiele für Farbschriften sind Emoji-Schriften oder Buchstaben, die Symbole enthalten. Einfarbige Schriftarten in diesem Stil werden häufig als chromatische Schriftarten bezeichnet, da sie nur einen Farbton oder ein Grau enthalten.

Das größte Problem bei Farbschriften ist, dass es kein echtes Standardformat gibt. Bei all diesen Dateiformaten gibt es einen Haken: Vektor- und SVG-Bilder können problemlos skaliert werden, die Bitmap-Versionen können jedoch Größenbeschränkungen aufweisen.

Es gibt eigentlich fünf Formate, mit denen man sich befassen muss:

  • SBIX (Apple): Bitmap-Version mit nativer Unterstützung für Mac- und iOS-Systeme
  • CBDT (Google): Bitmap-Version mit systemeigener Unterstützung für Android-Systeme
  • COLR (Microsoft): Vektorversion mit systemeigener Unterstützung auf Windows 8.1-Systemen
  • SVG (W3C): Vektor- und Bitmap-Versionen
  • OpenType SVG (Adobe / Mozilla): Vektor- und Bitmap-Versionen, die SVG-Shapes in OpenType-Schriftarten einfügen

Auf der anderen Seite beginnen wichtige Akteure, Richtlinien für die Verwendung zu erlassen. Mozilla (das Rückgrat des Webbrowsers Firefox) und Adobe haben vereinbart, dass OpenType SVG das bevorzugte Format ist. Andere sind noch in Bewegung, wenn sie eine Entscheidung treffen.

Wenn Sie sich mit der Funktionsweise dieser Schriftarten und allen Dateiformatspezifikationen vertraut machen möchten, bietet Fontself eine gute Grundierung.

Wie verwenden Sie Farbschriften?

Einer von zwei Gedanken tritt auf, wenn Sie zum ersten Mal eine Farbschrift sehen:

  • Wow, das ist abscheulich!
  • Cool! Ich weiß genau, wie man das benutzt!

Egal in welchem ​​Lager Sie sich befinden, es gibt Anwendungen, die sich perfekt für Farbschriften eignen. Aber Sie müssen sie im Rahmen der Vernunft verwenden. (Farbschriften sind für den sparsamsten Gebrauch geeignet.)

Versuchen Sie eine Farbschrift:

  • Für eine aufmerksamkeitsstarke Technik für ein kurzes Wort
  • Für ein Symbol oder ein Logo-Stilelement
  • Für eine Abschlusskappe, um einen langen Textblock zu starten
  • Für eine mutige Schlagzeile im ansonsten minimalistischem Design
  • Fokus auf ein bestimmtes Wort oder Wörter in einem großen Textblock
  • Wenn der Rest des Designs einfach ist
  • Wenn Typografie Ihr wichtigstes Kunstelement ist
  • Wenn das Projekt etwas Spaß und Ungewöhnliches verlangt, um die Aufmerksamkeit der Benutzer zu erregen
    • So verwenden Sie keine Farbschriften

      Es gibt mehr Möglichkeiten, Farbschriften nicht zu verwenden, als Sie wahrscheinlich zählen können. Sie möchten nicht als Website-Design auf einige der blinkenden, blinkenden, überwältigenden Farbverrücktheiten der 1990er Jahre zurückgreifen.

      Verwenden Sie keine Farbschrift:

      • Mit Bildern oder über Bildern
      • Mit geschäftigen Hintergründen
      • Für viel Text
      • Mit vielen anderen Designtechniken wie Animation oder Bewegung; Die Farbe allein reicht normalerweise aus, um eine visuelle Wirkung zu erzielen
      • Mit anderen Neuheiten oder Spezialschriftarten

      Ein sich entwickelnder Trend

      Der Trend der Farbschriften gewinnt allmählich an Beachtung bei einigen wichtigen Akteuren der Typografie. Das OpenType-SVG-Format, das von Adobe und Mozilla übernommen wurde, könnte das Werkzeug und das Format sein, das diesen Trend unterstützt. Adobe hat sogar kürzlich Farbfonts zu Photoshop hinzugefügt (Sie haben möglicherweise Emojis in der Zeichenpalette bemerkt).

      So erklärt Adobe OpenType SVG:

      • OpenType-SVG ist ein Schriftformat, in dem für eine OpenType-Schrift alle oder nur einige ihrer Glyphen als SVG-Grafik (Scalable Vector Graphics) dargestellt werden. Dies ermöglicht die Anzeige mehrerer Farben und Farbverläufe in einer einzelnen Glyphe. Aufgrund dieser Funktionen bezeichnen wir OpenType-SVG-Schriftarten auch als "Farbschriftarten".

      ? OpenType-SVG-Schriftarten ermöglichen die Anzeige von Text mit diesen Grafikqualitäten, während er dennoch bearbeitet, indiziert oder durchsucht werden kann. Sie können auch OpenType-Funktionen enthalten, die eine Glyphenersetzung oder alternative Glyphenstile ermöglichen.

      Farbfonts wie Trajan Color Concept und EmojiOne Color erscheinen wie typische Schriftarten in den Menüs der Zeichensätze Ihrer Programme - sie zeigen jedoch möglicherweise nicht ihr volles Potenzial, da viele Programme die Farbkomponenten noch nicht vollständig unterstützen. Wenn Ihr Softwareprogramm das SVG-Bildmaterial innerhalb der Schriftarten nicht unterstützt, werden Glyphen auf einen durchgehenden schwarzen Stil zurückgesetzt. Farbe kann immer noch auf diesen Fallback-Stil angewendet werden, da er wie eine typische OpenType-Schriftart funktioniert.

      Darüber hinaus enthält The State of Web Type einen Abschnitt zum Aktualisieren der Browserunterstützung für Farbschriftarten, sodass Sie festlegen können, wann der Zeitpunkt für Sie richtig ist.

      Im Hinblick auf die Entwicklung von Farbschriften und die Akzeptanz der Verwendung werden zwei Dinge eine wichtige Rolle spielen:

      • Übernahme und Kompatibilität mit Browsern für Webdesign-Projekte (derzeit erscheinen mehr Farbdesigns aus Kompatibilitätsgründen im Druck)
      • Übergreifende Stiltechniken und ob insgesamt kunstvollere und farbenfrohe Designtechniken im Trend liegen

      Versuchen Sie es mit einer Farbschrift

      Wenn Farbschriftarten Ihre Sache sind, können Sie entweder eine Farbschriftart herunterladen oder selbst eine erstellen, abhängig vom Typ des Designprojekts.

      Mach dein eigenes

      Welche Art von Farbschrift Sie erstellen, hängt wirklich von Ihren Software-Kenntnissen ab. Eine Farbschrift kann alles von Bildern aus Ihren Lieblingsfotos bis hin zu schönen Blasen und Strichen in Farbverläufen umfassen. Sie können dies ganz alleine tun oder mit Hilfe eines Tools eine benutzerdefinierte Farbschrift entwerfen.

      • Fontself ist ein Add-On für Adobe Illustrator oder Photoshop, mit dem Sie benutzerdefinierte Farbschriften erstellen können
      • Mit diesem Tutorial von Glyphs können Sie alles neu zeichnen und entwerfen
      • FontLab verfügt über ein Video-Tutorial, das Schritt für Schritt durch den Prozess führt

      Herunterladen oder Einbetten

      Es gibt ein paar ziemlich coole Farbschriften, die Sie für ein heutiges Projekt schreien. Hier sind einige Beispiele, mit denen Sie den Kreativfluss Ihrer Farbschrift beschleunigen können (sowie Links zu den anderen oben verwendeten Farbschriften):

      • Tippen Sie mit Stolz
      • Badetuch
      • Bungee
      • Aquarell-Schrift
      • Bixa-Farbe
      • Kinderspielzeug
      • OneLine Bold
      • Guru
      • Neon

      Fazit

      Sind Sie bereit, sich mit dem Trend der Farbschrift auseinanderzusetzen? Ist es zu viel oder ist die fleckige Unterstützung ein echtes Thema für Ihre Projekte?

      Ich persönlich finde, dass dieser Trend viel Spaß macht und in Printprojekten wie Veranstaltungsplakaten oder Flyern praktisch zum Einsatz kommt. Ich bin noch nicht ganz überzeugt, wenn es um Website-Projekte geht. Die Zeit wird nur sagen, ob dieser Trend wirklich zur nächsten großen Sache im Webdesign wird. oder eine andere flüchtige Modeerscheinung.