Spotting a Trend

Es gibt unzählige, heiße Websites, mit einer gleich großen oder größeren Anzahl talentierter Designer und Entwickler, die sie erstellen. Das Web ist in dieser Hinsicht großartig und fördert diese Art von Kreativität.

Dennoch erstaunt es mich, dass bestimmte Merkmale ihren Weg in Dinge finden. Ich meine, es ergibt Sinn. Viele von uns nutzen die gleichen UI-Frameworks und lassen uns von Websites inspirieren, die wir bewundern. Aber ab und zu fängt mein Auge den Zeitgeist und die damit verbundenen Gemeinsamkeiten auf.

Der neueste? Knubbelige Formen. Es ist eine lustige Verzierung, die ein wenig Pep hinzufügt, besonders für Flat Designs, die einen Farbtupfer oder einen interessanten Fokuspunkt brauchen, der das Auge von einem Ort zum anderen lenkt. Ich bin sicher, Sie haben es schon gesehen. Ich verbrachte eine Woche damit, Screenshots von Websites zu sammeln, die ich sah und die es nutzten. Ich habe sicherlich nicht *nach* Beispielen gesucht; sie tauchten einfach in meiner normalen Browsing-Routine auf.

Es tut mir leid, wenn es so aussieht, als würde ich Leute anprangern, denn das ist nicht meine Absicht. Ich liebe das Konzept tatsächlich – so sehr sogar, dass ich es für ein Projekt in Erwägung ziehe! Einige der Beispiele in dieser Galerie sind schlichtweg umwerfend.

Nachdem ich diese knubbeligen Formen mehrmals entdeckt hatte, begann ich, einige Dinge zu bemerken, die man bei ihrer Verwendung berücksichtigen sollte. Dinge wie

• Achten Sie auf den Kontrast, wenn Text auf einem Knubbel liegt. Es gibt viele Fälle, in denen der Hintergrund des Dokuments weiß ist und der Knubbel dunkel. Wenn Text durch sie verläuft, wird es schwierig sein, eine Schriftfarbe zu finden, die WCAGs 2.1 AA-Standard für Lesbarkeit erfüllt.
• Gehen Sie vorsichtig mit der Farbkombination um. Ein knallpinker Knubbel hinter einer Kartenkomponente ist keine große Sache, aber werfen Sie noch Gelb, Orange und andere leuchtende Farben hinzu, die daneben liegen... das Design beginnt, vom Inhalt abzulenken. Außerdem kann ein lebhaftes Regenbogenspektrum von knubbeligen Formen Bedenken hinsichtlich der Barrierefreiheit aufwerfen. Eine Verzierung ist nur das: eine nette Note, die subtil, aber wirkungsvoll ist.
• Knubbel eignen sich nicht nur für Farbe. Einige der interessantesten Fälle, die ich gesehen habe, schneiden Bilder in interessante Formen. Es ist cool, dass wir ein Bild direkt in SVG einbetten und es dann mit einem Pfad maskieren können.
• Knubbel eignen sich auch für mehr als nur Hintergründe. Haben Sie den Screenshot von Topcoders Website gesehen? Sie verwenden ihn für Tabs, was super schräg und cool ist.

Das alles lässt mich darüber nachdenken, wie die Websites von heute von den Entwicklern von morgen betrachtet werden. Erinnern Sie sich noch, vor etwa 15 Jahren, als viele Websites Apples Nutzung von reflektierenden Bildern übernahmen? Ich habe wahrscheinlich noch immer Muskelgedächtnis aus Photoshop, weil ich diesen Effekt so oft repliziert habe.

Skeuomorphismus, Fasen, animierte GIF-Hintergründe, lange Schatten, Heldenbilder, Farbverläufe, Bokeh-Hintergründe… all diese und viele andere visuelle Behandlungen hatten ihren Tag im Rampenlicht. Vielleicht werden Knubbel irgendwann diesem Club beitreten. Vielleicht kommen sie danach wieder in Mode. Wer weiß! Ich finde es einfach interessant, über die Dinge nachzudenken, die uns in den letzten drei Jahrzehnten inspiriert haben, und mir vorzustellen, wie die Dinge, die wir heute tun, durch die lange Linse der Zeit gesehen werden.

Es wäre großartig, andere Beispiele für knubbelige Formen zu sehen – teilen Sie sie, wenn Sie sie haben!