04
Bevor ein Interface interaktiv wird, muss es trotzdem etwas mitteilen. Im Grafikdesign untersuche ich dieses Fundament über Schrift, Farbe, Komposition und Identität. Es wird für sich untersucht oder gemeinsam mit einem Build — die einzige Disziplin hier, die keine Website daneben braucht, und die einzige mit echter Auftragsarbeit im Rücken.
das system
Eine schlichte Liste würde sagen: Logo, Palette, Typografie, Layouts. Das nennt, was existiert, und sagt nichts darüber, ob es zusammenhält. Deshalb hier dasselbe System andersherum beschrieben — sechs Dinge, und das letzte ist der Unterschied zwischen einem Bild und einer Identität.
die marke
In der Größe, in der sie tatsächlich verwendet wird, und in der Größe, in der sie tatsächlich gesehen wird — ein Browser-Tab, ein gesticktes Hemd, ein Schild über einem Parkplatz. Eine Marke, die nur auf einer Folie funktioniert, ist nicht fertig.
die palette
Kontrast geprüft statt geschätzt, und die Paare, die durchfallen, als Durchfaller festgehalten. Das ist der Bogen, der verhindert, dass eine Markenfarbe auf der eigenen Website Fließtext trägt und dabei still versagt.
die schrift
Benannt, ordentlich lizenziert und mit einer Skala, der jemand folgen kann. Das zweite Gewicht, das niemand lizenziert hat, ist die häufigste Art, wie eine neue Identität im dritten Monat auseinanderfällt.
das muster
Aus der Marke erzeugt statt separat gekauft, damit eine Tasche, eine Wand oder ein Hintergrund erkennbar dieselbe Marke ist, ohne das Logo elfmal zu wiederholen.
die anwendungen
Ohne zehnmal dasselbe Bild zu sein. Ein Großplakat, ein Ladenschild, eine Story, eine Karte, ein Briefkopf — Variation innerhalb eines Systems, was nur möglich ist, weil es ein System gibt.
die rechte
Ausschließliche, weltweite, dauerhafte Nutzungsrechte, schriftlich eingeräumt, und die Quelldateien in dem Format, in dem sie entstanden sind, statt eines flachgerechneten Exports. Ein Recht, das niemand benennt, geht nicht über.
was ankommt
Ein Identitätsbogen entsteht in einer Reihenfolge, und jeder Schritt nach dem ersten wird gegen den vorherigen geprüft. Das macht aus sechs Flächen eine Marke statt sechs Zeichnungen, die zufällig eine Farbe teilen.
Das Raster, die Winkel und eine Strichstärke. Absichtlich langweilig: Jede folgende Entscheidung wird dagegen geprüft.
Zwei Striche auf dem Raster. Eine Marke, die als zwei Striche nicht besteht, wird später nicht von Farbe gerettet.
Fünf Werte und der Anteil, den jeder einnehmen darf — damit die Markenfarbe ein Verhältnis ist und keine Vorliebe.
Eine Display- und eine Arbeitsschrift, auf die Linien der Konstruktion gesetzt statt daneben.
Der eigene Winkel der Marke, wiederholt. Textur für jede Fläche, die gefüllt werden will, und sie kann mit der Marke, aus der sie kommt, nicht kollidieren.
Ein Großplakat, eine Fassade, eine Story, eine Karte, ein Becher, eine Tasche. Keine davon ist eine neue Zeichnung — das ist der Punkt, und dafür ist der Bogen da.
wie es angenommen wird
Das ist die eine Disziplin hier mit echter Arbeit im Rücken, und sie steht für sich. Es muss keine Website daneben stehen, und sie wird nicht als zusätzliche Zeile in einem größeren Projekt behandelt.
Es geht auch andersherum, und nur aus einem Grund, der im Material selbst sichtbar ist. Wenn eine Marke am Bildschirm versagt — eine Markenfarbe, die den Kontrast reißt, sobald sie Text trägt, keine Fassung für dunklen Grund, eine Wortmarke, die sich bei sechzehn Pixeln auflöst —, ist das ein beobachtbares Problem, und es ist der einzige Fall, in dem Identitätsarbeit in ein Gespräch über eine Website gehört. Trifft nichts davon auf eine Marke zu, kommt sie nicht zur Sprache.
Wo ein Build dazugehört, entstehen Identität und Site gemeinsam statt zwischen zwei Personen weitergereicht zu werden. Die Websites-Seite beschreibt diese Hälfte.
worauf ich prüfe
Gleiche Größe, gleiches Gewicht, beide Spalten. In der rechten geht ein Designprojekt üblicherweise schief, weil das meiste davon Arbeit ist, die jemand anders besser macht und die alle für eingeschlossen halten.
die frage
Eine erzeugte Marke ist ein Bild, und meistens ist das Bild wirklich in Ordnung. Übersprungen wird alles, worauf ein Bild gleich stoßen wird, sobald es außerhalb einer Folie bestehen muss.
Eine Markenfarbe, die den Kontrast reißt, sobald sie zum ersten Mal Text auf einer Website trägt. Ein zweites Schriftgewicht, das niemand lizenziert hat. Eine Fassung für dunklen Grund, die es nicht gibt. Jedes davon ist am Anfang billig zu entscheiden und später teuer zu entdecken — und jedes ist eine handwerkliche Lehre, kein Verkaufsargument.
Der lohnende Vergleich ist also nicht eine Marke gegen eine andere. Er ist, was beim ersten Mal passiert, wenn jemand anders — eine Druckerei, ein Schildermacher, die nächste Gestalterin — sie benutzen muss, ohne nachfragen zu können. Dafür ist die Konstruktion da, und das zeigt der Bogen oben.
auftragsarbeit
Das ist der eine Bereich hier mit echter Auftragsarbeit im Rücken. Die Namen stehen auf den Bögen, weil bei Identitätsarbeit der Name die Lieferung IST — es ist die einzige Stelle dieser Website, an der ein Kunde auftaucht, und er taucht auf, weil man eine Marke nicht zeigen kann, ohne zu zeigen, wessen sie ist. Diese drei teilen nichts außer der Methode dahinter.
Jeder Bogen ist ein System, konsequent bis auf die Flächen geführt, auf denen es leben muss. Keiner der drei teilt eine Schrift, eine Palette oder ein Raster mit einem der beiden anderen.
dasselbe auge, auf bildschirmen
Die zehn Websites im Portfolio tragen zehn eigenständige Art Directions — derselbe Muskel auf einer anderen Fläche. Diese drei werden benannt statt dem Verzeichnis überlassen, weil eine Behauptung über Bandbreite es wert ist, überprüfbar gemacht zu werden: Jede löst ein anderes Art-Direction-Problem, und keine sieht aus wie die anderen beiden.
Zurückhaltung, 2025
Vier Farbwerte, drei Schriftschnitte und sehr viel bewusst leerer Raum. Entscheidungen wegzunehmen und die Seite trotzdem tragen zu lassen ist das Schwerste der drei.
Schrift und Raster, 2021
Ein editoriales Printmagazin, das zufällig Abendessen serviert. Komposition und typografische Hierarchie tragen die ganze Identität, ohne dass eine Marke die Arbeit für sie übernimmt.
Ein gesättigtes System, 2023
Hoher Kontrast und Säurefarbe über ein ganzes Interface hinweg konsistent gehalten — die Gegendisziplin zur Zurückhaltung, und genauso leicht danebenzugreifen.
Alle zehn Builds ansehen — falls du wissen willst, ob die Bandbreite echt ist.
grafikdesign
Oben stehen drei Bögen Auftragsarbeit, und die zehn Builds tragen denselben Art-Direction-Muskel auf eine andere Fläche. Wenn du eine Marke hast, die am Bildschirm versagt, oder eine Marke, für die nie ein System aufgeschrieben wurde, ist das ein Gespräch wert.
Bitte dreh dein Gerät,
Diese Seite ist hochkant gebaut.
