Farbschriftarten: Ein Leitfaden für Anfänger
Was zum Teufel ist eine Farbschrift? Dieser Begriff taucht immer wieder auf und gewinnt zunehmend an Bedeutung, obwohl die Verwendung in großen Designprojekten noch in den Kinderschuhen steckt.
Anbieter wie Adobe Typekit haben damit begonnen, einige Farbschriftoptionen mit Browserunterstützung zu veröffentlichen, sodass eine gewisse Tendenz zu einer breiteren Verwendung besteht. Einige haben Farbschriften sogar als "das nächste große Thema im Webdesign" bezeichnet.
Hier sehen wir uns den Trend an und lassen Sie entscheiden, wie groß dieses Konzept sein wird oder nicht .
Entdecken Sie Envato-Elemente
Was ist eine Farbschrift?
Farbschriften sind fast genau das, wonach sie klingen. Schriften, die mehrere Farben, Schattierungen oder Verläufe, Texturen oder Transparenz enthalten. Diese funky Optionen verleihen Schriftzügen nicht nur Farbe, sondern sind auch spezielle Schriften mit allen Details.
Farbschriftarten können Vektorformen, Bitmap-Bilder oder beides in den Schriftdateien enthalten, wodurch diese Schriftarten schwerer als Standardschriftartenpakete werden können. Zu den gängigen Beispielen für Farbschriftarten gehört eine Emoji-Schrift oder ein Emoji-Buchstabe, der Symbole enthält. Einfarbige Schriftarten in diesem Stil werden häufig als chromatische Schriftarten bezeichnet, da sie nur einen Farbton oder ein Grau enthalten.
Das derzeit größte Problem bei Farbschriftarten 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 möglicherweise Größenbeschränkungen aufweisen.
Es gibt tatsächlich fünf Formate:
- SBIX (Apple): Bitmap-Version mit nativer Unterstützung auf Mac- und iOS-Systemen
- CBDT (Google): Bitmap-Version mit nativer Unterstützung auf Android-Systemen
- COLR (Microsoft): Vektorversion mit nativer Unterstützung auf Windows 8.1+ Systemen
- SVG (W3C): Vektor- und Bitmap-Versionen
- OpenType SVG (Adobe / Mozilla): Vektor- und Bitmap-Versionen, mit denen SVG-Formen in OpenType-Schriftarten eingefügt werden
Auf der anderen Seite beginnen die Hauptakteure, Richtlinien für die Verwendung zu verabschieden. Mozilla (das Rückgrat des Webbrowsers Firefox) und Adobe haben vereinbart, dass OpenType SVG das bevorzugte Format ist. andere sind noch im Fluss, als sie zu einer Entscheidung kommen.
Wenn Sie sich mit der Funktionsweise dieser Schriftarten und allen Dateiformatspezifikationen vertraut machen möchten, bietet Fontself eine ziemlich gute Grundierung.
Wie verwenden Sie Farbschriftarten?
Einer von zwei Gedanken tritt auf, wenn Sie zum ersten Mal eine Farbschrift sehen:
- Wow, das ist schrecklich!
- Cool! Ich weiß genau, wie man das benutzt!
Egal in welchem Camp Sie sich befinden, es gibt Anwendungen, die sich perfekt für Farbschriften eignen. Aber Sie müssen sie im Rahmen der Vernunft verwenden. (Farbschriftarten sind für die sparsamsten und sparsamsten Zwecke geeignet.)
Versuchen Sie es mit einer Farbschrift:
- Für eine aufmerksamkeitsstarke Technik für ein kurzes Wort
- Für ein Symbol oder ein Element im Logo-Stil
- Damit eine Drop-Cap einen langen Textblock startet
- Für eine kühne Überschriftenbehandlung in einem ansonsten minimalistischen Design
- Fokussierung auf ein bestimmtes Wort oder auf bestimmte Wörter in einem großen Textblock
- Wenn der Rest des Designs einfach ist
- Wann Typografie Ihr primäres Kunstelement sein wird
- Wenn das Projekt etwas Lustiges und Ungewöhnliches erfordert, um die Aufmerksamkeit des Benutzers zu erregen
- Mit Bildern oder über Bildern
- Mit vielbeschäftigten 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 Spezialschriften
- Übernahme und Kompatibilität mit Browsern für Webdesign-Projekte (derzeit werden aufgrund von Kompatibilitätsproblemen tatsächlich mehr Farbschriftdesigns im Druck angezeigt)
- Allgemeine Stiltechniken und ob kunstvollere und farbenfrohere Designtechniken insgesamt im Trend liegen
- Fontself ist ein Adobe Illustrator- oder Photoshop-Add-On, mit dem Sie benutzerdefinierte Farbschriftarten erstellen können
- Mit diesem Tutorial von Glyphs können Sie alles von Grund auf neu zeichnen und gestalten
- FontLab verfügt über ein Video-Tutorial, das den Prozess Schritt für Schritt durchläuft
- Tippe mit Stolz
- Badetuch
- Bungee
- Aquarellschrift
- Bixa Farbe
- Kinderspielzeug
- OneLine Bold
- Guru
- Neon
So verwenden Sie keine Farbschriftarten
Es gibt mehr Möglichkeiten, keine Farbschriften zu verwenden, als Sie wahrscheinlich zählen können. Sie möchten nicht als Website-Design auf einige der blinkenden, blinkenden und überwältigenden Farbverrücktheiten der 90er Jahre zurückgreifen.
Verwenden Sie keine Farbschrift:
Ein sich entwickelnder Trend
Der Trend zu Farbschriften gewinnt bei einigen wichtigen Akteuren der Typografie zunehmend an Bedeutung. Das von Adobe und Mozilla verwendete OpenType SVG-Format könnte das Werkzeug und Format sein, mit dem sich dieser Trend wirklich durchsetzen kann. Adobe hat Photoshop kürzlich sogar Farbschriftarten hinzugefügt (möglicherweise haben Sie einige Emojis in der Zeichenpalette bemerkt).
So erklärt Adobe OpenType SVG:
„OpenType-SVG ist ein Schriftformat, bei dem bei einer OpenType-Schrift alle oder nur einige ihrer Glyphen als SVG-Grafiken (skalierbare Vektorgrafiken) dargestellt werden. Dies ermöglicht die Anzeige mehrerer Farben und Verläufe in einem einzigen Glyphen. Aufgrund dieser Funktionen werden OpenType-SVG-Schriftarten auch als "Farbschriftarten" bezeichnet.
„Mit OpenType-SVG-Schriftarten kann Text mit diesen grafischen Eigenschaften angezeigt und gleichzeitig bearbeitet, indiziert oder durchsucht werden. Sie können auch OpenType-Funktionen enthalten, die das Ersetzen von Glyphen oder alternative Glyphenstile ermöglichen.
„Farbschriftarten wie Trajan Color Concept und EmojiOne Color werden wie typische Schriftarten in den Schriftartenmenüs Ihrer Programme angezeigt. Sie zeigen jedoch möglicherweise nicht ihr volles Potenzial, da viele Programme die Farbkomponenten noch nicht vollständig unterstützen. Wenn Ihr Softwareprogramm die SVG-Grafik in den Schriftarten nicht unterstützt, werden die Glyphen auf einen festen schwarzen Stil zurückgesetzt. Auf diesen Fallback-Stil kann weiterhin Farbe 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, damit Sie bestimmen können, wann der richtige Zeitpunkt für Sie ist.
In Bezug auf die Entwicklung der Farbschriftarten und die Übernahme der Verwendung werden zwei Dinge eine wichtige Rolle spielen:
Versuchen Sie es mit einer Farbschrift
Wenn Farbschriftarten Ihr Ding sind, können Sie entweder eine Farbschrift herunterladen, um loszulegen, oder je nach Art des Designprojekts eine eigene erstellen.
Mach dein eigenes
Die Art der von Ihnen erstellten Farbschrift hängt wirklich von Ihren Software-Kenntnissen ab. Eine Farbschrift kann alles enthalten, von Bildern von Ihren Lieblingsfotos bis hin zu wunderschönen Blasen und Strichen in Verlaufsfarben. Sie können dies ganz alleine tun oder ein Werkzeug verwenden, um eine benutzerdefinierte Farbschrift zu entwerfen.
Herunterladen oder einbetten
Es gibt einige ziemlich coole Farbschriften, die schreien, dass Sie sie heute in einem Projekt verwenden. Hier sind einige Beispiele für den Start Ihres kreativen Ablaufs für Farbschriftarten (plus Links zu den anderen oben verwendeten Farbschriftarten):
Fazit
Sind Sie bereit, auf den Farbschriftentrend zu springen? Ist es zu viel oder ist die fleckige Unterstützung ein echtes Problem für Ihre Projekte?
Persönlich finde ich, dass dieser Trend viel Spaß macht und in Druckprojekten wie Veranstaltungsplakaten oder Flyern eine praktische Anwendung findet. Ich bin jedoch immer noch nicht ganz überzeugt, wenn es um Website-Projekte geht. Die Zeit wird nur zeigen, ob dieser Trend wirklich „das nächste große Ding im Webdesign“ oder eine andere flüchtige Modeerscheinung wird.
