Neumorphism ist eine Design-Stilrichtung, der in grafischen Benutzeroberflächen verwendet wird. Er wird häufig durch ein weiches und helles Aussehen identifiziert (weshalb er manchmal als Soft UI bezeichnet wird)[1], wobei Elemente erscheinen, als würden sie aus dem Hintergrund herausragen oder sich in ihn versenken, anstatt oben darauf zu schweben.[2] Manchmal wird es als Mittelweg zwischen Skeuomorphismus und Flat Design betrachtet.[3]

Zwei einfache Schaltflächen ohne und mit Innenschatten

Geschichte Bearbeiten

Der Begriff Neumorphismus wurde von Jason Kelly geprägt, als Kofferwort aus Neo und Skeuomorphismus, wobei seine Rolle als halbherzige Wiederbelebung des Skeuomorphismus betont wird.[4] Viele neumorphe Designkonzepte lassen sich auf Alexander Plyuto zurückführen, der ein Mock-up für eine Banking-App erstellte, das verschiedene Elemente des neumorphen Designs zeigte. Er veröffentlichte es auf der Website Dribbble, wo es schnell auf 3000 Ansichten angestiegen ist.[1]

Am 12. November 2020 veröffentlichte Apple macOS Big Sur. Das Update enthielt grafische Designs, die den Neumorphismus prominent einsetzten, wie z. B. die App-Symbole und die Verwendung von Transluzenz.[5]

Merkmale und Zweck Bearbeiten

Neumorphismus ist eine Form des Minimalismus, die durch ein weiches und helles Aussehen gekennzeichnet ist und häufig Pastellfarben mit geringem Kontrast verwendet. Elemente haben normalerweise die gleiche Farbe wie der Hintergrund und werden nur durch Schatten und Highlights um das Element herum unterschieden. Dies verleiht den Elementen den Anschein, dass sie aus dem Hintergrund „herausragen“ oder in ihn „hineingedrückt“ sind.[2][3]

Designer mögen das Aussehen und die Ästhetik des Neumorphismus, weil er einen Mittelweg zwischen Skeuomorphismus und Flat Design bietet. Speziell zielt er darauf ab, plausibel realistisch auszusehen, während er dennoch sauber aussieht und minimalistischen Prinzipien folgt.[6]

Kritik Bearbeiten

Neumorphismus hat viel Kritik erhalten, insbesondere wegen seiner mangelnden Barrierefreiheit, Schwierigkeiten bei der Umsetzung,[7] geringem Kontrast und Inkompatibilität mit bestimmten Marken.[8]

Einzelnachweise Bearbeiten

  1. a b The rise and fall of neumorphism | Webflow Blog. In: Webflow. Abgerufen am 26. August 2022 (englisch).
  2. a b The New Trend in UI Design: an Overview of Neumorphism. In: Toptal Design Blog. Abgerufen am 26. August 2022 (englisch).
  3. a b Neumorphism: why it's all the hype in UI design. In: www.justinmind.com. Abgerufen am 26. August 2022.
  4. Sanil: Why Neumorphism is different from the other design trends? In: Medium. 21. April 2020, abgerufen am 26. August 2022 (englisch).
  5. Jack Koloskus: Apple, Big Sur, and the rise of Neumorphism. In: Input. Abgerufen am 26. August 2022 (englisch).
  6. Dheeraj Nanduri: Neumorphism and what it means. In: medium.com. 25. März 2021, abgerufen am 26. August 2022.
  7. Michał Malewicz: Neumorphism in user interfaces | Hype4Academy. In: Hype4 Academy. Abgerufen am 26. August 2022 (englisch).
  8. Dana Meir: What Is Neumorphism in UI and Is It Here to Stay? In: Shaping Design Blog. 27. Oktober 2020, abgerufen am 26. August 2022 (englisch).