Adobe XD Tutorial | Login/Signup Page | Basic Course of UI/UX Design
Вставка
- Опубліковано 2 жов 2024
- Adobe XD Tutorial | Login/Signup Page | Basic Course of UI/UX Design
ladobe xd tutorial,
adobe xd tutorial for beginners,
adobe xd tutorial web design,
adobe xd tutorial app design,
adobe xd tutorial 2022,
adobe xd tutorial for beginners 2022,
adobe xd tutorial bangla,
adobe xd tutorial mobile app,
adobe xd tutorial in hindi,
adobe xd tutorial prototype,
adobe xd tutorial animation,
adobe xd tutorial app,
adobe xd tutorial advancedogin screen design desktop, login page design in html, login designs, login page ui mobile, android login ui design templates, material design login page, mockplus login page, adobe xd web login template, adobe xd templates, adobe xd ui kits, login screen, xd app design, adobe xd dashboard ui kit, adobe xd projects, login screen ui, adobe xd tutorial beginner, adobe xd tutorial web design, adobe xd pdf, adobe xd prototype tutorial, adobe xd wireframe tutorial, adobe xd advanced tutorial, adobe xd tutorial 2020, adobe xd templates, adobe xd online, adobe xd tutorial, adobe xd tutorial web design, adobe xd tutorial 2020, adobe xd tutorial mac, adobe xd tutorial prototype, adobe xd tutorial in hindi, adobe xd online, adobe xd templates, adobe xd advanced tutorial, asm arif, arif
#uiuxdesign #uiuxdesigns
Mockup Download 🔻
bit.ly/2XzsNjR
Icon Credit 🔻
www.flaticon.com
Learn More About Adobe Xd🔻
bit.ly/37hjyZ1
#xd #adobexd #uiux
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Music credit 🔻
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Hip Hop Christmas by Twin Musicom twinmusicom.org
Creative Commons - Attribution 4.0 International - CC BY 4.0
Free Download / Stream:
Music promoted by Audio Library • Hip Hop Christmas - Tw...
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
Follow me on
FB: 🔻
/ asmarif999
Bechance: 🔻
www.behance.ne...
Pinterest: 🔻
/ asmarifbd
Twitter: 🔻
/ impassivearif
Instagram 🔻
/ asm.arif
Thanks for watching.......
#uiux #uiuxdesign #uiuxgifs #uiuxinspiration #uiuxdesigns #uiuxsupply #uiuxdedigners #uiuxbuttondesign #UIUXJobOpening #UIUXtraining
2020 © ASM Arif All right Reserved - Навчання та стиль
the next challenge after that is to do the same in CSS hahaha
🙄🙄🙄🙄
True
I can
🤣
Not only in CSS also in JS and HTML
Why when i want to change my png icon color it suddenly become a solid color box? Anyone know my problem ?
Instead of selecting each layer to change colour simply 'CTRL + Left Click' each of the layer in the Layers tab. It will save you time and will change to the colour to the exact one for each layer.
Or you can select each layer with shift+lclick and change there color from their
One of the best tutorial for adopexd projects 👍👍🙏
Are you Bangladeshi?
Too many ads!!! Man, it was so hecking hard to watch the whole video, there was an ad every 2 single minutes
After seeing this video it is easy to create a login/sign up page . Awesome tip and good explanation 👍
vdo dekhbo naki add. 10 minutes er vdo 10 ads. its totally embracing. plz ads ratio ta koman.
good .. but my question why XD why not Illustrator ?
I think bcoz xd is free. Not illustrator
Xd is specialized in such kind of work.. great for website designing
@@alex.o.a yes ..right
thanks sir
but my question is this how to link buttion vo touch for examole we dract go google count
i\ll provide you next tutorial
Am I the only one who realised he spelt email wrong? 😂
hahahah ikr
Bro they didn't show file ,edit,object option in Upper Layer
Me too
Anyone can help
Same...
Sir how to convert this form into html or php files??
I wanna know that too..
It’s really helpfull tutorial. Your explanation is clear and easy to understand. I’ll be waiting for your next tutorial. Big thanks and thumb for you
Bhai ise html me bhi kar ke dikhao pls
Email Address - Spelling Correction :p
rest is all Beautifull
I bet no one noticed that
So useful. Thanks for sharing🔥
Hey after you make this design, how to do you make it live? Which software do we use to capture fields and link it to database? Thank you
ive seen people use anima to transfer it into a react script, th anima pligin also makes it possible to add adnimations i believe otherwise react will give you the possibility to scripty your svg the way you want them to animate.
Learnt my first ux/ui design. Perfectly explained video!!!
You have to learn coding to create ui
@@AminXD10 not really to design ui
Hello Arif. Thanks so much for the video. It's quite helpful. But I have a quick question please.
At the end of this design, how to do you safe to post for your Instagram feed.
export it in jpeg formate
You have great ideas in UI designing amazing work keep it up.
And thnx for this tutorial, I really loved it as well as your Adobe XD playlist 👍👍
@@ayanarko8890 thank you buddy 👍
Windows mask not findable solution:
On Keyboard QWERTY = Shift + M
I tried to this the elign with some object but it's doesn't work..the result is diffrent then yours..help?
bhai why are you making a fake accent, say things normal & simple - sentence formation is indian & you trying to make it with foreign accent - that is making me difficult to watch the video
I Appreciate Your Work Bro, Let Me Know What Is The Use Of That Plus Sign?
new page or add something
Haha sorry to ask, i have zero experience in coding but I created an ui now how to convert it into an application.
all is good but email spelling is wrong sir
I like the tutorial and thank you for it but the clicking is just killing my brain
lol
How to convert it into html ?
Thanks so much bro
Perfect explanation👏👏thx
i cant find mask in my windows xd please help
Yes, that is not available. However, you can use the Ctrl + Shift + M to create a mask when two objects are selected, with your masking layer on top of the other.
كيف؟ شلوون؟ 😂 😂
- - - - ✌🏻 ✌🏻
Just want to point out, 12px font size is very small. should be at least 14px. so the rest of the objects aligned correspondingly
It’s really helpfull tutorial. Your explanation is clear and easy to understand. I’ll be waiting for your next tutorial. Big thanks and thumb for you
Your English is awesome 😉😉😉😁😁😁😁😥😥😥😲😲😲
Thank you for the video. :) subscribed!
cant watch video.. left corner thing . is making me epileptic
This won't work.. just a picture
Very Nice Brother...
Can i use your this design in my Business app?
sure! make accordingly!
Im a graphic designer. I accidently watched this video. I realise that I can do UI design.
Adobe XD is a pain one right ! Is there any open source available for beginners
I like the use of gradiënts but honestly the design doesn't make a lot of sense UX wise.
First: most of the time you won't use the login with Google/Facebook. Especially if you care about your customer's privacy. Many people use this in their Dribbble designs but to professionals it feels like bloated design.
Second: there is no option to login, only register. What happens when I have already made an account and decided to sign-out and sign-in again?
Third point: why would there be an add button on the bottom left, what would you want to add in a login screen?
Have fun designing
No maaan, nooo! Emlail - noooo :(
Who cares Emlail or Email😂😂
@@admin-co5ol me again
@@bozhidarkostov Then what?
@@admin-co5ol I do :|
Excuse me. Can you help me make my first Android app? My idea isn't unique. I just want my own simple app. An app that gives referral points. It is that simple. I don't have any experiences.
nice learned a lot and email ki spelling galat h or koi btt ni !
Can u explain 1 png file 2nd file name?? plz tell me again.
Love this design. You’re giving me great ideas for my sign up and sign in screens. Question though - what’s the purpose of the plus sign?
for proceeding towards next page. i guess
I tnk is for log in
Is Maths required for UI UX designing?
Yes, Emlail *yes, just yes*
Imagine type checking.
"Text must be type of E-Mlail*
Hello, I am a complete beginner, I am using a windows laptop with an android phone, which app screen should I choose for the development as I cannot find android mobiles option while building the app design. And am working in Adobe XD. Please help.
Can any one help for learning ui and ux so plz dm me
How you make the intro? Lol
thank you asm you are amazing
this is a great video for beginners who want to feel confident that they can do UI! Thanks :)
how these designs are going to work with coding
yeah i have a same doubt , i guess they are just for template,so that we can make them using JS,bootstrap,CSS using these designs as refernce
@@priyanksisodia5889 hmm , maybe
Nice short tutorial of Adobe Xd i would like to tell what i see:
These logos has very bad visibility. I would also change plus edges to rounded because u are using round shapes.
and who is watching this.. you should be a little more critical. You can learn from others mistakes, dont take everything as flawless. :)
Also feedback help the author being better and better.
very nice work thanks a lot.
pl do more stuff for us.
do i have to buy adobe xd or can i get it for free
It’s really helpfull tutorial. Your explanation is clear and easy to understand. I’ll be waiting for your next tutorial. Big thanks and thumb for you
This waz fuckin awsome . The color gradient u used reminded me of samsung , but Bro seriously this was such a dope idea ...I hope u will get more success...Keep doing this type of stuff I'm enjoying....😊😊😊😊😊
I have downloaded the latest version of windows in that we don't have the top menu bar which is frustrating can you help in it or give a link of olderr version wich can work in windows laptop
How to upload .db file (Of SQLite Database) to user's Google Drive?, in Kotlin?
Don't Put too many ads dude...plzzzz
What is the name of the font you used in your design??
It’s okay to use public icons with my design? Or should I have to mention who make it?
how to resize the svg image?? didnt get it
I have no option of file,edit,object
thanks
how did u make shadow in thumbnail?
This was so helpful, thank you!
this is only application designing software, not a coding software 🤔🤔again this software only for ios🤔🤔
iOS and Windows as well
What is use of this photo in Adobe ,is it just photo or any hidden behind it , like apps or web page
ভাই এগুলো দিয়ে কিভাবে এপ তৌরি করবো সেই প্রোসেস গুলো ভিডিও দিয়েন
why the plus sign? didn't get it....
thank you so much it was really helpful : )
I am missing the file, edit, object tool bar at the top.
watch on the left .. 3 line is the menu bar for windows. The rest of the options are a right click of the mouse.
did you literally wrote emlail instead of email lol xD
May I ask what is the purpose of the plus button? Ona a login page?!?
Which screen recorder you are using??
Mask with shape option is disabled for me, what is the solution
But how to make it in android studio
How do we connect it with backend ??
abe ads kitne daale hain bhai
Pls check your spelling next time but great tutorial
thanks for the video. peace!
And then how it get in app store?
as a designer in photoshop-illustrator only video doen't 100% helpful for now but your starting bg music was so atteactive and nice.. i relly appreciates it brother! can you plz give me the link for it.
Your intro is too long sir
Your email typed wrong
hello how do you manage to split the color and have a second? i use windows
That's good
many thanks
RIP - accessibility
Can i do this with adobe illustrator?
You have great ideas in UI designing amazing work keep it up.
thanks
In the thumbnail pic the design has signal bar.how to add them?
pop up is against clear mind
how to send a layer in last layer .. plz help me .. beginner
Thank you sir. Learned a lot.