This was sooo awesome man. I'm just learning Adobe XD and even as a beginner i was able to follow along and manged to make this. You made me feel so much confident. Thankyou so so so much 🙏♥️
This is a UI mock up so technically not as intractable enough to input actual text. But you can work around it by making a different artboard that had a keyboard and some text in those text boxes. Animating to that artboard when pressed on the required text filed will make it look like a prompt to input text. You can even made that a two step process, one artboard with just the keyboard coming up and the next with text being filled. But for most use cases filling the login information is pretty self explanatory, so i wont go that route unless you are specifically trying to animate the flow.
Hi Vishal, I have made a small tutorial on how to make those shapes in XD. You can find it here: instagram.com/p/CCPkyD1lrUq/?igshid=sgpqppwm3kh3 I used the Pen Tool to create the shapes, adjusted the fill and stroke settings in the properties.
Yes of course. There are a lot of website and app design UI kits based on this concept of soft UI. You can check this out as an example demo.themesberg.com/neumorphism-ui/
![Soft UI Navigation Bar[UI Design & Prototype] - Adobe XD Tutorial pt.3 [2020]](http://i.ytimg.com/vi/vXX8xAqusNc/mqdefault.jpg)
![Soft UI Navigation Bar[UI Design & Prototype] - Adobe XD Tutorial pt.3 [2020]](/img/tr.png)
![Pull to Refresh - Adobe XD tutorial [2019]](http://i.ytimg.com/vi/MoVmWrA3kPQ/mqdefault.jpg)
![Interactive Menu (UI design & Prototype) - Adobe XD tutorial [2019]](/img/1.gif)
This was sooo awesome man. I'm just learning Adobe XD and even as a beginner i was able to follow along and manged to make this. You made me feel so much confident.
Thankyou so so so much 🙏♥️
Glad I could help!
DUDE!!! Your works have inspired me to start doing UI. Thanks a lot!!!
That means a lot, keep on designing 😁
@@JerrinJames I'm waiting eagerly for the next video in this series. 😁😁😁
@@Kartik-yv3ni I got a little busy with my studies. I'll be posting more content really soon.
@@JerrinJames yay
bro great ... please post the video every day... your works are amazing....
Thank you so much 😀
I'm trying my best to post videos as often as possible, sometimes I get held back due to my part time job and studies.
Jerrin you are the best! Thank you for making & sharing this tutorial! It helps tremendously!
r8
You're very welcome! Glad it was helpful.
too good.. you have redefined the creativity in design..!
Thank you! Cheers!
Amazing Tutorial 😍 And the way you teach superb sir ... thanks for sharing the Project File it helps a lot
Appreciate the feedback 😁
awesome
please make more videos
you are awesome
I'll continue building this social media app. Navigation bar, feed, search, messages, and more part of the app will be added. Tune in.
@@JerrinJames thank u so much
you are just amazing...God bless you .........
Stunning work!!!
You are so helpful sir. Thank you so much! Looking forward for more amazing content. God bless!
So nice of you
Sa here!
Looks so nice. Thanks a lot
Thank you 😊
Stunning,THANK YOU!!!
Nice👌
Thanks 🌸
Wow that's creative, even my name is Luna 🤪
Wow that's nice :D
thanks!! Learned a lot...
Glad it was helpful!
Very awesome. Thanks
nice tutorial ♥
Glad you like it
Great! Thank you!
This is so cool
Thanks :)
Hey bro can you make login page for Royal Enfield Bike showroom ??
how you make the Sign In Fillable? This is my problem. Thanks for the Video.
This is a UI mock up so technically not as intractable enough to input actual text. But you can work around it by making a different artboard that had a keyboard and some text in those text boxes. Animating to that artboard when pressed on the required text filed will make it look like a prompt to input text.
You can even made that a two step process, one artboard with just the keyboard coming up and the next with text being filled. But for most use cases filling the login information is pretty self explanatory, so i wont go that route unless you are specifically trying to animate the flow.
Thanks man where do you get your icons from?
Hy James, can you tell us how to design that vertical branch inside the leaves
Hi Vishal, I have made a small tutorial on how to make those shapes in XD.
You can find it here: instagram.com/p/CCPkyD1lrUq/?igshid=sgpqppwm3kh3
I used the Pen Tool to create the shapes, adjusted the fill and stroke settings in the properties.
Upload soft UI trees tutorial video
You can follow the link in the description for a step by step tutorial on how to make those trees. It's an Instagram post, hope it helps.
Hey first comment
Ha!
Hi, Thanks a lot . and I have a question, is it possible for developers to code this design? I mean soft ui
Yes of course. There are a lot of website and app design UI kits based on this concept of soft UI.
You can check this out as an example
demo.themesberg.com/neumorphism-ui/
How to make it to dark theme
#121212
This color is a good base color for a dark UI
you can select values up and down from the base color for shadows and highlights.
HEY JAMES! I AM CREATING A APPLICATION ON ANDROID CAN I USE YOUR DESIGN?
How did you made trees ?
Here you go
instagram.com/p/CCPkyD1lrUq/
@@JerrinJames thanks ❤️