Neumorphism is a style of design in which elements are pushed out or recessed in of the background.
It's starting to become popular in early 2020.
I fell in love with it at first sight and decided to make some apps with Neumorphism design.
This is DDD (Design-Driven Development) (there is no such word).
I will create an AI recording app for talking in your sleep.
It's an app that records only sleep talks by applying voice recognition to sounds while you are sleeping.
In order to learn how to design Neumorphism, I'm going to start by building an app icon using Keynote.
I decided the base color to #C4D2E9.
Dye the background color with the base color.
Change the brightness of the base color to determine the "light shadow" and "dark shadow".
light shadow: #ECF0F7
dark shadow: #0E1624
Place the object you want to push out (or make a dent in).
In my case, I made it a balloon, like sleep talk.
Similarly, erase the border and cast the bright shadow (#0E1624) you just decided on in the upper left corner.
The two objects you made in steps 5 and 6 are stacked exactly on top of each other.
And then, oh my... I see...
I just put ZZZ on top, but this completes the icon.
Now that the icons are ready, everyone is waiting for you to implement the Neumorphism in Swift. Let's go!
Immediately I searched "Swift Neumorphism github".
And I found it! The library of our great predecessors!
It's the best library for Neumorphism UIView.
Huh? Why not implement it full scratch? I do not.
I used EMTNeumorphicView to create buttons.
The concave buttons are cute.
It applies voice recognition to the recorded voice and displays only the sound that looks like a sleep mumble with the result of voice recognition.
It's not too noisy even if it's a list.
I'm not doing anything technically interesting, so I'll just publish the source code this time...
Code reviewers welcome! 🙇️
I also released it to the AppStore.
It's only 2$. Nothing is free. I'm planning to upgrade.