Als Agentur für Webdesign aus Rosenheim sind wir immer an den Trends im Design von Webseiten interessiert. Besonders der Neumorphismus ist uns dadurch nun ins Auge gefallen. Während das Wort selbst eine Herausforderung ist, geht der Inhalt des Design-Trends eher in das Gegenteilige: einfach & greifbar soll es sein. Es ist der Nachfolger des Skeuomorphismus.
Okay, nun aber mal langsam. Was die beiden Wörter bedeuten und wie es sich auf Webseiten wiederfinden lässt erklären wir im Folgenden genauer und Schritt für Schritt.
Beide Begriffe beschreiben einen Designansatz, bei dem bekannte Effekte aus der physischen Welt in das Webdesign übernommen werden. Diese Idee haben Webdesigner schon seit Jahrzehnten immer wieder auf Webseiten übernommen. Als Agentur für Onlineshops fällt uns als gängiges Beispiel zum Beispiel der „Warenkorb“ oder die „Kasse“ ein. Beides sind Begriffe aus dem realen Leben, die für eine verständlichere und bessere Nutzererfahrung in die digitalen Shops übernommen wurden.
Neumorphismus lässt Minimalismus und Realismus verschmelzen
Das Shop-Beispiel beschreibt einen Part des Realismus, der im Webdesign wieder Anklang findet.
Die letzten Jahre haben wir uns eher im Bereich des Minimalismus bewegt. Im Flat Design. Eine Webseite war dabei so klar wie möglich aufgebaut, ohne dabei durch Schatten oder 3D-Effekte abzulenken. Über den Skeuomorphismus sind wir dann weiter in den Neumorphismus vorgedrungen, der 2021 die Webdesigns prägen wird.
Skeuomorphismus beschreibt eine Stilrichtung, bei der Objekte in ihrer Gestaltung das Material oder die Form eines älteren, vertrauten Gegenstandes nachahmen. Mac-Nutzer denken dabei womöglich schnell an die Notizen. Diese sind auf einem gelben, mit leichten Linien versehenen „Papier“ zu machen, ähnlich wie frühere Notizzettel in der Zeit vor Computern. Der Realismus, also Dinge echt erscheinen lassen, hat hier also ganz leicht eingesetzt.
Neumorphismus orientiert sich an dieser Idee, Realismus digital zu „kopieren“, macht dies aber auf völlig andere Art und Weise. Er möchte Dinge optisch greifbar machen, dabei aber nicht zur sehr an reale Dinge erinnern. Vergleichbar ist dies mit dem Effekt des digitalen Präge- und Stanzdrucks. Webdesignern wird ermöglicht, das haptische Erlebnis wiederzuerlangen. Inhalts-Container, Bilder, Buttons, etc. scheinen somit „in die Seite hinein“ gestanzt zu sein oder „aus der Seite heraus“ zu ragen. Durch punktuellen Schlagschatten oder eine imitierte Wölbung der Oberfläche entsteht so ein 3D-Effekt, der Objekte einer Webseite hervorhebt.
Einfach und haptisch
Minimalistisch bleibt der Neumorphismus dadurch, da auf keinen Fall zu viel dieser Effekte eingesetzt werden. Ein stilisierter Realismus in Form und Farbe wird durch einfache Symbolik und klare Linien unterstützt.
Ein gutes Bild kann man sich davon auf https://neumorphism.io/ machen. Der dänische Frontend-Entwickler Adam Giebl hat in seiner Web-App UI-Elemente im populären Neumorphismus generiert.
Als Agentur für Webdesign aus Rosenheim finden wir für Sie die optimaler Darstellung Ihres Internetauftritts. Unabhängig von einzelnen Designelementen geht es uns darum, Sie als Unternehmer oder ganzes Unternehmen richtig zu präsentieren. Denn dazu gehört mehr als zwei, drei Begriffe aus dem Webdesign. Es muss Ihre Unternehmenskultur widerspiegeln und den Besucher dabei zielgerichtet durch Ihre Webseite führen. Bei Fragen zum Thema Webdesign können Sie uns jederzeit anrufen. Wir beraten Sie gerne in einem ersten kostenlosen Gespräch.
