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

Official Tutorials
#1

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
#2

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
#3

Thanks! I guess? :grinning:

#4

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

#5

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

#6

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.

#7

Thanks for the explanation!

#8

NGL this looks pretty incredible. Wow. Great job man!

1 Like
#9

Thanks! I appreciate it

#10

This isn’t a knock on this tutorial. It was good. It’s only a criticism of this design concept. Personally it looks godawful to be honest :grimacing: It’s like the worst of both worlds (skeuomorphism and flat design).