How to use neumorphism in SwiftUI
Vložit
- čas přidán 12. 06. 2024
- Get my finished code: github.com/twostraws/Neumorph...
Neumorphic design is easily the most interesting design trend of recent months, although to be fair Apple did use it as their design motif way back in WWDC18. In this video we’re going to look at how you can build neumorphic designs using SwiftUI, why you might want to, and - most importantly - how we can modify those designs to be more accessible.
Questions? Comments? Tweet me @twostraws. - Věda a technologie
It seems strange to me that you have so few views. You are simply producing the best, timely and easy to follow programming videos on CZcams. So, thank you for that!
Great job, Paul, bringing this style to life and taking it to the next level! 👍 Great solutions! Man, I love SwiftUI. 💙
I’ve literally been working on this for a week now, this is the greatest gift you could give me!
As always an excellent informative video.👏 I am more than glad to be able to support you on Patreon. Keep up the great work !!!
Nice one Paul, liked the way you conveyed your thoughts on this new design trend.
Muchas gracias por tus vídeos, Paul. En estos días de confinamiento estoy aprendiendo algo de diseño. Espero que tú y los tuyos estéis bien.
Loving it, would love a full course on Neuomorphic design!
Really good video Paul! I loved the style and the long takes.
Beautiful UI, and the accessibility additions definitely improve UX whilst retaining the neumorphic design brief. Thanks a lot Paul, and for the tip on using mask, which I haven't used before. This is very timely for me, as I'm experimenting with neumorphic designs for my app's web version, and would like to carry the design through to my SwiftUI version of the app.
High quality content as usual. Neumorphism is certainly the design trend of the moment but I’m doubtful that it will catch on.
Unless Apple uses it in iOS14... certainly a nice theme option to offer your app users
Love this! I saw this trend going around and even tho UX is not that good with it, its a nice style to try out!
I was just seeing all these designs on Dribbble and was wondering how it can be achieved in SwiftUI.
Thanks for the amazing content as usual
Nice one! Also i learned a lot on how to code more efficiently😊. Thanks!
Fantastic video as usual, Paul.
Ohh man its hard to even explain!! But you are a hack of developer! Great things to learn...
This is one excellent tutorial I could put into good use instantaneously. Thank you!
Great stuff Paul. They look awesome.
I am more and more impressed what is possible. Really great. Thanks a lot.
First video content, that’s I like.. thumbs up
Amazing tutorial! Great content! Thank you Paul!
Great tutorial!!
Interesting design and excellent programming style -
- just like everything you do. 👏🏻👍🏻👏🏻
Excellent as always. Thank you.
Brilliant work - I will go experiment with these concepts. Thanks a lot!
Thank you Paul. This is awesome
Love this one! really enjoyed it! 👍🏻
How this video has only 29K views?? It's so good
This is really great. Thanks a lot, Paul!
Thank you so much, Sir!
You’re the best!
Amazing video and tutorials! Thanks so much!
Thanks Master, did anyone notice there were no ads?
Just love this trend! :) More of a gimmicky thing but i had to add it to a simple app i have been working on, just for funzzies :)
Great tutorial Paul, thank you. Boom!
thank you so much for your contribuition
Thanks Paul! SwiftUI awesome.
As usual, a very cool video.
Does a large number of shadows and gradients affect the app's performance?
SwiftUI guarantees us a stable 60fps?
Professional Work👌
Awesome vid!
Brilliant. Thanks!!!
Another great tutorial
This is just like when we were using dos, and the first time we find windows, and we try to make a dos UI app look like windows app.
"Boom". Great vid
Great video Paul. Personally I don't like this neumorphism look (pretty sure we've seen this trend a good few years ago on the web) but great to hear you warning others about accessibility.
Thank you so much. Really helped me understand what the alpha opacity is in the mask(_:) function
Great video. I'm new to this channel, but I see you have a lot of useful stuff here. Any tip on how to have a view select ButtonStyle based on @Environment(\.colorScheme)?
This is amazing
Hello I love your videos and articles, it actually helped me write my first piece of code after struggling, can you please make a video creating a google like search bar please?
lovely. cant stop toggle that button 😄
Great video Paul, thanks for the hard work. In toggle I can't seem to make it trigger any action. $isToggled doesn't trigger the willSet or didSet, and onTapGesture doesn't trigger either. I've even tried downloading the example code from github with same results. Any suggestions maybe ?
Awesome!
Would be interesting to see how one could implement a view stack e.g user goes to different view current view is pushed on the stack if user wants to go back he clicks on the button and the view gets pop’ed.
thx so much. best button ever :)
Damn!!! You're monster hack... Nice!!
Hey Paul, Please Make a video on "How to use Glassmorphism in Swift UI"...
Does this apply to any kind of shape? I changed the property from Circle() to Rectangle() and it does not work and display as the same as Circle
miss you)
Nifty 😉
Great video, thanks Paul.
I am seeing a compile error for the Button Style structs. XCode says: "Inheritance from non-protocol type 'ButtonStyle'.
Weird...I looked up ButtonStyle and it is a protocol.
Ugh. NVM, I declare a view modifier with the name ButtonStyle...derp.
It’s interesting that the shadows’ horizontal offsets are in terms of X, but the linear gradient is in terms of leading/trailing. Would that flip the gradient (but not the shadow) for right-to-left interfaces?
Yes. Really I should have used a custom UnitPoint there, but I think I'd much rather see left and right added for exactly these cases.
@@twostraws Now I want to see someone do a neumorphism style that automatically adjusts the position of the shadows based on the time of day and your location around the globe. :)
Very cool, and I am not even a Swift programmer.
Can you check wether dark mode is on or not in swift ? Like with an if statement ? Thanks
Here you go: www.hackingwithswift.com/quick-start/swiftui/how-to-detect-dark-mode
Design: Form or function? Comment
The proof of you can write objective c in any programming language.
do you have a discord/slack server?
The P is silent in Pneumorphism
"To be fair", look at the softimage XSI GUI
Unfortunately, this is being deprecated in iOS 16
I'll just wait until their APIs automatically add the support into iOS (? iOS 14). If you don't do anything funny you'll just get it for 'free', including accessibility features, and you won't need to go back & fix it 😉 (but cool tutorial!)
Why do you block the preview with your own video😂
UX gets worse and worse, thats all i have to say about this neumorphism.