Neumorphism
Neumorphism is a design style used in graphical user interfaces. It is commonly identified by a soft and light look (for which it is sometimes referred to as soft UI)[1] with elements that appear to protrude from or dent into the background rather than float on top of it.[2] It is sometimes considered a medium between skeuomorphism and flat design.[3]
History
The term neumorphism was coined by Jason Kelly as a portmanteau of neo and skeuomorphism, emphasizing its role as a semi-revival of skeuomorphism.[4] Many neumorphic design concepts can be traced to Alexander Plyuto, who created a mockup for a banking app showing various elements of neumorphic design. He posted it to the website Dribbble, where it quickly blew up to 3,000 views.[1]
On November 12, 2020, Apple released macOS Big Sur. The update included graphical designs that featured neumorphism prominently, such as the app icons and use of translucency.[5]
Characteristics and purpose
Neumorphism is a form of minimalism characterized by a soft and light look, often using pastel colors with low contrast. Elements are usually the same color as the background, and are only distinguished by shadows and highlights surrounding the element. This gives the elements the appearance that they are "protruding" from the background, or that they are dented into it.[2][3]
Designers may like the look and feel of neumorphism because it provides a middle ground between skeuomorphism and flat design. Specifically, it aims to look plausibly realistic, while still looking clean and adhering to minimalism.[6]
Criticism
Neumorphism has received a lot of criticism, notably for its lack of accessibility, difficulty in implementation,[7] low contrast, and incompatibility with certain brands.[8]
References
- ↑ 1.0 1.1 "The rise and fall of neumorphism | Webflow Blog" (in en). https://webflow.com/blog/neumorphism.
- ↑ 2.0 2.1 "The New Trend in UI Design: an Overview of Neumorphism" (in en). https://www.toptal.com/designers/ui/neumorphic-ui-design.
- ↑ 3.0 3.1 "Neumorphism: why it's all the hype in UI design". https://www.justinmind.com/ui-design/neumorphism.
- ↑ Sanil (2020-04-21). "Why Neumorphism is different from the other design trends?" (in en). https://uxplanet.org/why-neumorphism-is-different-from-the-other-design-trends-efe40571b6b.
- ↑ Koloskus, Jack. "Apple, Big Sur, and the rise of Neumorphism" (in en). https://www.inputmag.com/design/apple-macos-big-sur-the-rise-of-neumorphism.
- ↑ Nanduri, Dheeraj (March 25, 2021). "Neumorphism and what it means". https://medium.com/throughdesign/neumorphism-and-what-it-means-27c23da8576e.
- ↑ Malewicz, Michał. "Neumorphism in user interfaces | Hype4Academy" (in en). https://hype4.academy/articles/design/neumorphism-in-user-interfaces.
- ↑ Meir, Dana (2020-10-27). "What Is Neumorphism in UI and Is It Here to Stay?" (in en). https://www.editorx.com/shaping-design/article/neumorphism-ui.
 |  |
