Soft UI Sign-up Screen [UI Design & Prototype] - Adobe XD Tutorial pt.2 [2020]

[@meikamarshall2587]

Jerrin you are the best! Thank you for making & sharing this tutorial! It helps tremendously!

[@axanis8]

r8

[@JerrinJames]

You're very welcome! Glad it was helpful.

[@gokulma]

bro great ... please post the video every day... your works are amazing....

[@JerrinJames]

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.

[@Kartik-yv3ni]

DUDE!!! Your works have inspired me to start doing UI. Thanks a lot!!!

[@JerrinJames]

That means a lot, keep on designing 😁

[@Kartik-yv3ni]

@@JerrinJames I'm waiting eagerly for the next video in this series. 😁😁😁

[@JerrinJames]

@@Kartik-yv3ni I got a little busy with my studies. I'll be posting more content really soon.

[@Kartik-yv3ni]

@@JerrinJames yay

[@Herteddy]

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 🙏♥️

[@JerrinJames]

Glad I could help!

[@avyukt_anika]

too good.. you have redefined the creativity in design..!

[@JerrinJames]

Thank you! Cheers!

[@mariapaulaflorez9644]

Stunning work!!!

[@bhautikpatel4996]

you are just amazing...God bless you .........

[@taieb59]

Stunning,THANK YOU!!!

[@taimoorkhanvlogs]

Amazing Tutorial 😍 And the way you teach superb sir ... thanks for sharing the Project File it helps a lot

[@JerrinJames]

Appreciate the feedback 😁

[@SandipKumar-og6xm]

awesome please make more videos you are awesome

[@JerrinJames]

I'll continue building this social media app. Navigation bar, feed, search, messages, and more part of the app will be added. Tune in.

[@SandipKumar-og6xm]

@@JerrinJames thank u so much

[@ginnyle]

Looks so nice. Thanks a lot

[@JerrinJames]

Thank you 😊

[@ajmolhossain5858]

thanks!! Learned a lot...

[@JerrinJames]

Glad it was helpful!

[@shaderone07]

nice tutorial ♥

[@JerrinJames]

Glad you like it

[@prantik8475]

Very awesome. Thanks

[@mohammadharis1872]

This is so cool

[@JerrinJames]

Thanks :)

[@sultanaparvinluna1225]

Wow that's creative, even my name is Luna 🤪

[@JerrinJames]

Wow that's nice :D

[@amrithas182]

Nice👌

[@JerrinJames]

Thanks 🌸

[@Yamazaki339]

Great! Thank you!

[@vardasheikh1525]

Sa here!

[@antonioyganatumamak4284]

You are so helpful sir. Thank you so much! Looking forward for more amazing content. God bless!

[@JerrinJames]

So nice of you

[@dhananjaymane8853]

Hey bro can you make login page for Royal Enfield Bike showroom ??

[@vishalchander6157]

Hy James, can you tell us how to design that vertical branch inside the leaves

[@JerrinJames]

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.

[@Real_Zidane81]

how you make the Sign In Fillable? This is my problem. Thanks for the Video.

[@JerrinJames]

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.

[@yaminir4278]

Upload soft UI trees tutorial video

[@JerrinJames]

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.

[@AsmrEatery]

How to make it to dark theme

[@JerrinJames]

#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.

[@elmiragolshan904]

Hi, Thanks a lot . and I have a question, is it possible for developers to code this design? I mean soft ui

[@JerrinJames]

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/

[@sivacharan3601]

HEY JAMES! I AM CREATING A APPLICATION ON ANDROID CAN I USE YOUR DESIGN?

[@rajnijain9301]

How did you made trees ?

[@JerrinJames]

Here you go instagram.com/p/CCPkyD1lrUq/

[@rajnijain9301]

@@JerrinJames thanks ❤️

[@manidharkodurupaka8818]

Hey first comment

[@JerrinJames]

Ha!