How to use neumorphism in SwiftUI

  Переглядів 39,118

Paul Hudson

Paul Hudson

День тому

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.

КОМЕНТАРІ: 76
@bigmtnstudio
@bigmtnstudio 4 роки тому
Great job, Paul, bringing this style to life and taking it to the next level! 👍 Great solutions! Man, I love SwiftUI. 💙
@clickbaitking6770
@clickbaitking6770 4 роки тому
I’ve literally been working on this for a week now, this is the greatest gift you could give me!
@celmarostaff
@celmarostaff 4 роки тому
As always an excellent informative video.👏 I am more than glad to be able to support you on Patreon. Keep up the great work !!!
@toadlguy
@toadlguy 4 роки тому
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 UKposts. So, thank you for that!
@ruptapas
@ruptapas 4 роки тому
Nice one Paul, liked the way you conveyed your thoughts on this new design trend.
@raquelaranda6687
@raquelaranda6687 4 роки тому
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.
@3monsterbeast
@3monsterbeast 3 роки тому
Loving it, would love a full course on Neuomorphic design!
@alexitosworld
@alexitosworld 4 роки тому
Really good video Paul! I loved the style and the long takes.
@ian7666
@ian7666 4 роки тому
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.
@Simon-ro8nh
@Simon-ro8nh 3 роки тому
Amazing tutorial! Great content! Thank you Paul!
@chrispy104k
@chrispy104k 4 роки тому
Great stuff Paul. They look awesome.
@Cillitbaaang
@Cillitbaaang 4 роки тому
Nice one! Also i learned a lot on how to code more efficiently😊. Thanks!
@gettingschwifty2112
@gettingschwifty2112 4 роки тому
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!
@richardhasson265
@richardhasson265 4 роки тому
Fantastic video as usual, Paul.
@OleRene
@OleRene 3 роки тому
Brilliant work - I will go experiment with these concepts. Thanks a lot!
@timgattermann5974
@timgattermann5974 4 роки тому
I am more and more impressed what is possible. Really great. Thanks a lot.
@holgermayer7076
@holgermayer7076 2 роки тому
This is one excellent tutorial I could put into good use instantaneously. Thank you!
@paulraggett7837
@paulraggett7837 4 роки тому
Excellent as always. Thank you.
@codeoncloudtv7193
@codeoncloudtv7193 3 роки тому
thank you so much for your contribuition
@DimNovo
@DimNovo 4 роки тому
Great tutorial!! Interesting design and excellent programming style - - just like everything you do. 👏🏻👍🏻👏🏻
@priyamagarwal9547
@priyamagarwal9547 4 роки тому
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
@andonidasilvaotero9652
@andonidasilvaotero9652 4 роки тому
Thank you Paul. This is awesome
@martinkowollik1432
@martinkowollik1432 3 роки тому
This is really great. Thanks a lot, Paul!
@makwanbarzan7085
@makwanbarzan7085 4 роки тому
Love this one! really enjoyed it! 👍🏻
@ashh.7234
@ashh.7234 3 роки тому
Thank you so much, Sir! You’re the best!
@yoellev5191
@yoellev5191 4 роки тому
Great tutorial Paul, thank you. Boom!
@Kaan-qr5pv
@Kaan-qr5pv 3 роки тому
Amazing video and tutorials! Thanks so much!
@amjadshadid90
@amjadshadid90 4 роки тому
Professional Work👌
@kishanvaghela9942
@kishanvaghela9942 4 роки тому
Ohh man its hard to even explain!! But you are a hack of developer! Great things to learn...
@ed6393
@ed6393 4 роки тому
High quality content as usual. Neumorphism is certainly the design trend of the moment but I’m doubtful that it will catch on.
@ian7666
@ian7666 4 роки тому
Unless Apple uses it in iOS14... certainly a nice theme option to offer your app users
@Sasha-hg2jd
@Sasha-hg2jd 4 роки тому
Thanks Paul! SwiftUI awesome.
@Kill_the_orcs
@Kill_the_orcs 4 роки тому
Brilliant. Thanks!!!
@eminRoblack
@eminRoblack 4 роки тому
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 :)
@pastpianist
@pastpianist 4 роки тому
"Boom". Great vid
@tatewrigley8026
@tatewrigley8026 4 роки тому
This is amazing
@Aiiboo
@Aiiboo 4 роки тому
First video content, that’s I like.. thumbs up
@wandering_prince
@wandering_prince 3 роки тому
Awesome vid!
@tharindudarshana6480
@tharindudarshana6480 3 роки тому
Another great tutorial
@erickbarbosa5476
@erickbarbosa5476 4 роки тому
Thanks Master, did anyone notice there were no ads?
@christiansimbarashe
@christiansimbarashe 2 роки тому
Thank you so much. Really helped me understand what the alpha opacity is in the mask(_:) function
@artsem4764
@artsem4764 4 роки тому
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?
@stoocollins7428
@stoocollins7428 4 роки тому
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.
@rasheshbosamiya1482
@rasheshbosamiya1482 4 роки тому
Awesome!
@ayushthummar3309
@ayushthummar3309 2 роки тому
How this video has only 29K views?? It's so good
@BjrnRuthberg
@BjrnRuthberg 4 роки тому
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)?
@kimberlywhite8399
@kimberlywhite8399 4 роки тому
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?
@multitudes389
@multitudes389 4 роки тому
lovely. cant stop toggle that button 😄
@krutomjer
@krutomjer 4 роки тому
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 ?
@marcoraap733
@marcoraap733 2 роки тому
thx so much. best button ever :)
@platin2148
@platin2148 4 роки тому
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.
@Joeron79
@Joeron79 2 роки тому
Damn!!! You're monster hack... Nice!!
@PawelPalczynski-VideoDayTM
@PawelPalczynski-VideoDayTM 4 роки тому
Nifty 😉
@HungNguyen-oz1jc
@HungNguyen-oz1jc 4 роки тому
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
@user-ry6ix2mr8y
@user-ry6ix2mr8y 4 роки тому
miss you)
@sahilaujla
@sahilaujla 3 роки тому
Hey Paul, Please Make a video on "How to use Glassmorphism in Swift UI"...
@skiphanson5020
@skiphanson5020 4 роки тому
Great video, thanks Paul. I am seeing a compile error for the Button Style structs. XCode says: "Inheritance from non-protocol type 'ButtonStyle'.
@skiphanson5020
@skiphanson5020 4 роки тому
Weird...I looked up ButtonStyle and it is a protocol.
@skiphanson5020
@skiphanson5020 4 роки тому
Ugh. NVM, I declare a view modifier with the name ButtonStyle...derp.
@JeffKelley
@JeffKelley 4 роки тому
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?
@twostraws
@twostraws 4 роки тому
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.
@JeffKelley
@JeffKelley 4 роки тому
@@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. :)
@tinyEnglish
@tinyEnglish 3 роки тому
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.
@jeje0804
@jeje0804 4 роки тому
do you have a discord/slack server?
@LUKAS-bb4jc
@LUKAS-bb4jc 4 роки тому
Can you check wether dark mode is on or not in swift ? Like with an if statement ? Thanks
@twostraws
@twostraws 4 роки тому
Here you go: www.hackingwithswift.com/quick-start/swiftui/how-to-detect-dark-mode
@farhanyousaf5616
@farhanyousaf5616 3 роки тому
Very cool, and I am not even a Swift programmer.
@gabrielrml
@gabrielrml 2 роки тому
Design: Form or function? Comment
@adriangutierrez9812
@adriangutierrez9812 Рік тому
Unfortunately, this is being deprecated in iOS 16
@artit91
@artit91 4 роки тому
The proof of you can write objective c in any programming language.
@THE_ONLY_GOD
@THE_ONLY_GOD 2 роки тому
"To be fair", look at the softimage XSI GUI
@krutomjer
@krutomjer 4 роки тому
The P is silent in Pneumorphism
@nitramluap
@nitramluap 4 роки тому
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!)
@aikeber1984
@aikeber1984 3 роки тому
Why do you block the preview with your own video😂
@llothar68
@llothar68 3 роки тому
UX gets worse and worse, thats all i have to say about this neumorphism.
8 Common SwiftUI Mistakes - and how to fix them!
28:05
Paul Hudson
Переглядів 49 тис.
How to create Neumorphic buttons in SwiftUI
16:37
DesignCode
Переглядів 51 тис.
船长被天使剪成光头了?#天使 #小丑 #超人不会飞
00:28
超人不会飞
Переглядів 22 млн
Apple iPhone sales fall in nearly all countries | BBC News
5:21
BBC News
Переглядів 161 тис.
5 Steps to Better SwiftUI Views
31:19
Paul Hudson
Переглядів 54 тис.
SwiftUI MVVM Programming with ObservableObject @Published @ObservedObject
17:57
Lets Build That App
Переглядів 72 тис.
SwiftUI 2.0: Core Data - How To Use Core Data From Scratch (2020)
25:40
BeyondOnesAndZeros
Переглядів 31 тис.
Building Grids in SwiftUI 2.0 for iOS 14
8:24
Paul Hudson
Переглядів 43 тис.
Swift in 100 Seconds
2:25
Fireship
Переглядів 705 тис.
Swift API Calls for Beginners (Networking) - Async Await & JSON
25:35
Start from 0 at any point on the T1 Digital Tape Measure
0:14
REEKON Tools
Переглядів 25 млн
Бюджетная видеокарта за 5000 рублей
17:47
Nitroxsenys
Переглядів 26 тис.
Первые продажи Ryzen на Ozon и первый возврат! 😱
13:17
Герасимов Live
Переглядів 32 тис.
КУПИЛ SAMSUNG GALAXY S24 ULTRA ЗА 88000 РУБЛЕЙ!
27:29
DimaViper
Переглядів 58 тис.