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 🙏♥️
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.
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.
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)
Jerrin you are the best! Thank you for making & sharing this tutorial! It helps tremendously!
r8
You're very welcome! Glad it was helpful.
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.
too good.. you have redefined the creativity in design..!
Thank you! Cheers!
Stunning,THANK YOU!!!
you are just amazing...God bless you .........
Stunning work!!!
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
Looks so nice. Thanks a lot
Thank you 😊
Amazing Tutorial 😍 And the way you teach superb sir ... thanks for sharing the Project File it helps a lot
Appreciate the feedback 😁
Very awesome. Thanks
thanks!! Learned a lot...
Glad it was helpful!
This is so cool
Thanks :)
Great! Thank you!
Sa here!
Wow that's creative, even my name is Luna 🤪
Wow that's nice :D
Nice👌
Thanks 🌸
You are so helpful sir. Thank you so much! Looking forward for more amazing content. God bless!
So nice of you
nice tutorial ♥
Glad you like it
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.
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.
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.
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/
HEY JAMES! I AM CREATING A APPLICATION ON ANDROID CAN I USE YOUR DESIGN?
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 first comment
Ha!
How did you made trees ?
Here you go
instagram.com/p/CCPkyD1lrUq/
@@JerrinJames thanks ❤️