Login Screen UI Design - Adobe XD to Android Studio XML | Part 1
Вставка
- Опубліковано 23 лип 2024
- 🏆 My Online Courses
⭐Discount Coupon: LAUNCH-STEVDZA-SAN
stevdza-san.com
🐱👤 Wanna become a member? Join!
/ @stevdzasan
📸 Instagram
/ stevdza_san
I've been asked a lot's of times to create a video series showing you how to implement a beautiful design to Android Studio, so here it is.
This is 1/3 video. In this video we are going to design a beautiful welcome and login screen in Adobe XD. And in the next video we are going to implement 'Welcome Screen' design in android studio XML.
Login Screen UI Design (Part 2): • Login Screen UI Design...
Login Screen UI Design (Part 3): • Login Screen UI Design...
I honestly think that your channel is highly highly underrated, your tutorials are so useful for beginners like me. Thank you so much sir! Have a good day
Thank you for your kind words Dheeraj, I really appreciate it! I love and enjoy creating educative content 😉
I agree with you Dheeraj
This looks really good and professional, great job!
Because of this, I subscribe. Good video.
Best tutorial ever. Thanks man
please don't stop making tutorials and don't care about how much subscribers you have just care about the good work that's drive for you new subscribers big thanks
this was fun!
omg you are so good on what you are doing
Thanks awesome work. But i have a request please don't reduce the opacity of the text use exact colour for that text because developer has difficult to identify the colour code.
Great and simple...thanks a lot...
I tried doing the same thing but my background seems to fill up the whole height of parent.
first time view your vid. Just subscribed tho
It's beautiful :D
very nice. Thanks a million
Very very very. Niceee videooo 😍😍
Thanks for the tutorial, you lead me to the subscribe button!
Thank you so much
Crazy !!!
Thanks sir ❤️
best starting
Thank you for your help
Such a good explanation, thank you!👍👍
Can you please make more videos like this on how we can transform our prototypes to android studio.
very helpful
i like that color
Nice video.
Hi, I need help, I have no text when exporting to android studio, there is a picture, but no text
thank you
can you tell me where can I find the source code please?
Can we use this design in android studio
I downloaded SF Pro Display from Github but i don't know how to add to the Adobe XD.
what are the color codes you are using for black and red?
Hi bro,
Thank you for uploading such great video.
My question is that some apps when made in Android studio than the user interface does not look smooth ....and that so in the case of web page development.
But most website and app now a days have fluid type interface it look so clean and smooth..
Why is that so?
Animations and vector assets mostly. Plus good dev practice, with app performance as priority.
Nice video. One question: where do u get the SF Pro Display font?
Search on google, I got it from Github link.
Which version you use?
My background doesn't show up. what's the problem?
nice
can you tell me how to you select only two rectangle & first circle at 0:54 sec.
It's a common Adobe XD shortcut. Hold SHIFT when you are selecting different shapes.
4:25 "Let's slow it down to 16" 😂😂 I'm sorry that made me laugh really hard. Great Video.
'Lets lower it down' 😁
@@StevdzaSan lol :p
Is the background doeable in jetpack?
I like the your accent!
Can we design this in android studio xml ?
Hi! Could you share the XD file?
Hi, How do you decide on the size of the mobile or dimension prior to designing? Please advise
If you want your background to support multiple screen sizes, then you need to create multiple xml files to fit each dpi level. I get this question a lot, so I will make a video about it, after SQLite series.
@@StevdzaSan Hi San, When you say dpi do we have to understand various android versions also or just dpi like hdpi, xxhdpi, etc
@@midhunmohanan2321 Yes pre-defined dpi, like ldpi, mdpi, hdpi, xdpi, xxdpi, xxxdpi
@@StevdzaSan have you also sharing video for figma?
@@rasikanipane6677 I'm using only Adobe XD at the moment. Maybe in the future.
What is font you used?
I’m having troubles with making the abode xd png file fit properly in android studio
Please help
Been spending nearly 6 hours refitting
Did you use android screen size or iPhone
Please reply thanks
Which software?
how do we implement the screen in the android studio
there was an error opening the file code 47
How exactly did you mask out that shape at 0.59?
Follow my mouse on the top right corner I chose Intersect option.
Plz i need USD pxd background image.
Can uh share with me.
Where u from?
огонь
can i get the link for ur files?
could u please make login register system with android studio
Which ap is this
send me this buckground plz
sir my all item bar not showing, do you know the problem?
What custom size did you take in account in adobe xd, mean what is the size of artboard you taken in xd
360x640
I have a question.. how would i make this in android studio using xml?
what are the colour codes the colour you used?
#F33B5F
#253A4B
Und wo bleibt das programmiereb?
need to shoe design size bro
Would you do it with jetpack compose?
I'll think about it definitely 👍
Thanks for your suggestion 😊
@@StevdzaSan 😀👍
haw can i contect u teacher
You can always join my discord server. Check out my channel page for the link.
What is your monitor? the text look very sharp
It's not the monitor but the recording software 😉 I'm using Camtasia
@@StevdzaSan So what monitor are you using?
@@OmegaVNTeam Lenovo Legion Y25f
Which software do you use to design this?
Adobe Xd.
@@StevdzaSan XD
Whts pic editing ap plzz tell me everyone guys
Adobe XD
How can i get full version for free?
@@Squamousepithilium Torrent
@@mellamoakshay I tried but some sites are not legal so.
Can i use this App Design ??
Sure
What is this App ?
Thank you for this awesome content sir.
Can you share this .xd please?
playlist
how to use adobe xd tutorial plz
adobe xd doesn't allow to cut, is it because its a free version?
You can use all Adobe Xd tools for free.
What's your ide pleaz
where is the assets
Ur welcome screen image.
Which app is this??
adobe xd
Can I have all the files please ?
please give me resource =) ))
Do you make website?
Yes I do, I might make tutorial about that in the future.
@@StevdzaSan Will you please make a high ended website for my company?
Please refer your email so that we could discuss by email.
@@RR-bx9mz Contact me on instagram @stevdza_san
save permission
Android Studio?
Please make login more secure by adding following steps
1. Take only user name ( that is his email id)
2. Don't take password.
3. Send login link to his email account.
4. If user click this link within 24 hrs. Then login automatically.
Advantages.
User need not remember his user id and password.
No hassles of forget password and user id.
Please give me your comments.
good idea
The background think is virtually undoable on jetpack compose😢
You can create an SVG file and then just upload it to your Android Studio. The vector needs to be smaller then 200px. But it will be scalled well, without pixalation, because it's a vector.
However you do need to know how to design those things. My suggestion is to learn Figma. I've just released a new course about it, check it out: stevdza-san.com
@@StevdzaSan Thank you very much,I will have to re implement that, am trying out jetpack compose because of your videos,keep up the good work 🔥🔥💯🙏
Is Adobe XD Free..?
Plz Share Link.
Yes
why did you even mentioned XML in the title
What is colors hex code
#F33B5F
#253A4B
This is a nightmare on Windows. Does anyone here had a successful one with that platform?
Figma is pretty good
Your video is not for beginners like what plugin use how to step step etc .. beginners can't learn because they don't what exactly you do
Which version you are using?