Chromatische Schriften und Flat Design
Die zunehmende Verliebtheit des Webs in flaches Design hat zu einer schnellen Zurückweisung künstlicher Schlagschatten geführt, zugunsten eines saubereren, mehr auf Form basierenden Aussehens. Aber das lässt dem Designer ein Problem: Wie style type, um lebhaft zu sein, während man sich an die Grundsätze des flachen Designs hält?
Eine Lösung ist das erneute Interesse an chromatischen Schriften. Im Holzdruckverfahren des 19. Jahrhunderts werden chromatische Schriftflächen häufig verwendet, um verschiedene Bereiche zu definieren. Dies ist der Gegenpol zum modernen Logo-Design, in dem uns gezeigt wird, dass Formen in einem einzigen Ton funktionieren müssen.
Der Vorteil chromatischer Designs ist, dass sie Tiefe, Betonung und Charakter hinzufügen; ohne die Notwendigkeit für mehr aufdringliche Textdekoration wie Schatten.
Eines der besten Beispiele dafür ist Sodachrome. Entworfen von Dan Rhatigan und Ian Moore, besteht Sodachrome aus zwei separaten Schriften; eine, in der die Serifen nach links zeigen, und eine, in der sie nach rechts zeigen. Einzeln eingestellt wirken die beiden Schriften deutlich unausgewogen, aber übereinander in verschiedenen Farben übereinander gelegt ergeben sie eine attraktive Slab-Serif. Der zusätzliche Vorteil von Sodachrome besteht darin, dass die Überlappung zwischen den beiden Farben ein drittes Gesicht, eine moderne Sans-Serif, im Herzen des Designs erzeugt. Das visuelle Interesse an Sodachrome entsteht durch das Zusammenspiel dieser drei unterschiedlichen Designs.
Sodachrome von Dan Rhatigan und Ian Moore.
Die Entwicklung chromatischer Schriften für den Einsatz im Internet ist eine Herausforderung. Während Entwürfe wie Lisa Lonergans Knoxville folgen Sie sehr traditionellen römischen Umrissen, Designs wie Mark Frömbergs Pigment - mit 600 Zeichen - passen nicht ohne weiteres in Vektorumrissformate.
Knoxville von Lisa Lonergan.
Pigment von Mark Frömberg.
Schriften, auch Gesichter im Grunge-Stil, sind als Umriss gestaltet. Die Umrisse können skaliert, gefärbt und beabstandet werden, wie auch immer der Designer wählt. OpenType (OT), TrueType (TT), das Web Open Font Format (WOFF) und fast jedes andere verfügbare Format funktionieren auf diese Weise. Dies bedeutet, dass ein chromatisches Design nicht in einer einzelnen Datei angegeben werden kann. Unter der Voraussetzung, dass die chromatische Schrift als zwei separate Schriftdateien geliefert wird, können wir relativ leicht übereinander liegen.
CSS erlaubt es uns sogar, den Titel in den Styles mit der content -Eigenschaft zu duplizieren, wodurch vermieden wird, dass der Inhalt im Markup verdoppelt wird, was sich negativ auf SEO und Zugänglichkeit auswirken würde.
Das grundlegende Format ist:
Any old title
Und im CSS:
h1{font-family:"Some Chromatic Font A";color: rgba(50, 0, 0, 0.5);position:relative;}h1:after{font-family:"Some Chromatic Font B";color: rgba(0, 50, 50, 0.5);position:absolute;left:0;content:"Any old title";}Das Fehlen chromatischer Fonts, die für den Web-Einsatz produziert werden, dürfte für Websites wie Blogs, die zahlreiche Header benötigen, zu weit führen. Aber für Logos oder Kopfzeilen, die sich nur selten ändern, wo die Verwendung eines Bildes akzeptabel ist, sind chromatische Schriftarten eine lebendige und einnehmende Art der Einstellung, die eine flache Ästhetik beibehält.
Hast du mit chromatischen Schriften gearbeitet? Mit welchen technischen Schwierigkeiten sind Sie konfrontiert? Lassen Sie es uns in den Kommentaren wissen.