Group Group Group Group Group Group Group Group Group

How to Create a Neumorphic Design With SwiftUI | raywenderlich.com

In this neumorphic design tutorial, you’ll learn how to use SwiftUI’s powerful modifiers to craft beautiful custom elements.


This is a companion discussion topic for the original entry at https://www.raywenderlich.com/7589178-how-to-create-a-neumorphic-design-with-swiftui
1 Like

How to Create a Neumorphic Design With SwiftUI.

Step 1). Open Xcode
Step 2). Close Xcode
Step 3). Sit down and evaluate why you are creating a Neumorphic App. Stop!!

In all seriousness, good tutorial. Terrible design (IMO)

1 Like

Thanks! I guess? :grinning:

Good tutorial on how to modify components but yeah, “neumorphism” is a big no-no if you want your app to be accessible.

Could you expand on that? Is it because the gradients make it harder to differentiate components for some?

That’s one of the reasons, yes. It’s inaccessible in that people will sight issues may have trouble distinguishing the controls, increases cognitive load as subtle shadows are used instead of obvious-looking controls; and because subtle shadows are used to distinguish controls then it can lead to them being hard to decipher in certain light conditions.

So yeah, this isn’t a new Material Design. It’s designers getting excited over shadows and at the same time throwing out decades of research into design accessibility.

Thanks for the explanation!