Neumorphismus im Webdesign

Neumorphismus CSS Generator

Neumorphismus ist ein Trend im Webdesign, der seit etwa Anfang 2020 besteht und meiner Meinung nach nicht ausgestorben ist. Ein Online-Tool hilft dir, diesen Trend für dein Webdesign einzusetzen.

Was ist Neumorphismus?

Neumorphismus ist ein Design-Trend der aus einer Kombination aus Skeumorphisums (Nachahmung von natürlichem Design – angelehnt an 3D-Stile) und Flat-Design (welches vor allem durch Googles „Material Design“ vor einigen Jahren gepusht wurde).

Im Webdesign wird im Neumorphism-Stil großteils mit natürlichem Spiel von Schatten und Licht eine real wirkende, aber dennoch „flat“-angelehnte Optik erzeugt.

Neumorphismus im Webdesign

Online-Tool und CSS-Generator

Mit dem Online-Tool www.neumorphism.io lässt sich mit dem Neumorphismus an einem Element verschiedene Einstellungen wie der Position des Lichts und Schatten, sowie auch die Rundungen und Wolbung des Elements einstellen kann.

Neumorphism css generator

Der daraus generierte CSS-Code kann einfach kopiert und in seiner Webseite verwendet werden.


Verwendest du Neumorphismus auf deiner Webseite? Dann lass doch einen Link dorthin in den Kommentaren da!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Weitere Artikel

MapLokator: Standortkarte für mehrere Standorte einfach auf deiner Webseite einbinden

Als Webdesigner stand ich kürzlich vor der Aufgabe, für einen Unternehmer mit zwei Filialen eine Standortkarte auf dessen Website einzubinden. Da es sich um ein …

Tschüss WooCommerce! Hallo SureCart!

Warum ich nach Jahrzehnten als Webdesigner den Schlussstrich ziehe Als Webdesigner, der seit Jahrzehnten mit WordPress arbeitet, habe ich miterlebt, wie das Web erwachsen wurde. …