Daily UI Design Challenge | Day - 01 | Sign Up Page
HTML-код
- Опубликовано: 9 сен 2024
- Hi guys!
Today we will design signup page in FIGMA. Let's start.
-------------------------------------------------------------------------------------------------------------------
Follow us:
Visit our website:
designsense.we...
Facebook:
Page:
/ designsense2070
bit.ly/3h5Uafm
Group:
Join our Facebook group for curated content, inspiration, design critique, and job postings:
bit.ly/3jw0VbL
Join our Webflow group.
bit.ly/3KZz3Ig
Instagram:
@designsense99
Dribbble:
dribbble.com/D...
---------------------------------------------------------------------------------------------------------------------
LS Graphics
bit.ly/3x1shKV
Collect UI:
collectui.com/
---------------------------------------------------------------------------------------------------------------------
Icon Source:
www.flaticon.com/
Source File:
bit.ly/3LxoX4i
--------------------------------------------------------------------------------------------------------------------
Music:
Song: Sapajou - Lion
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • Sapajou - Lion (Vlog N...
----------------------------------------------------------------------------------
Song: Lichu - Fresh Island
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • Lichu - Fresh Island (...
---------------------------------------------------------------------------------
Song: Lichu - Rain Island
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • Lichu - Rain Island (V...
Can't believe I watch this while working. listen to the music and the real-time action feels good!
We're glad you liked it.
Started my design learning from this video, thanks so much and I will try to do these like an assignments 😊 it's very helpful and beginners friendly.. 👍🏻
Glad to hear that, please share your practice work on our Facebook group. And get some feedbacks from our group members. 👍
@@DesignSense kindly share Facebook page link over here to show you practice work?
@@ultranature260 facebook.com/DesignSense2070?mibextid=ZbWKwL
Dude thank you! Really gives me a good direction to start thinking about design.
That's great!
Yeah right , specially that there's a demand for it in the market place . But u gotta be uniqe
@@DesignSense ye website work kese kregi? Without coding
I started practice design from this challenge from now. Thanks pretty much for your effort and videos. It's so helpful for my UX/UI designer journey. I'm lucky for got this video.
Glad to hear that! Keep it up :)
Such a professional work. It give a motivation to work on projects. Thank you..! keep doing 😍
Thank you stay tuned for more coming videos. 😊
Totally agree, makes me want to start UI design challenges of my own!🤩
I had to subscribe after 30 seconds, amazing content! This helps a lot when I'm stuck with creative thinking. Thank you!
Glad to know that!
Hey how can I get this white page and then he is doing editing how can I do this this software is paid I think please tell me
@@AnjaliKumari-rb6qb hi this tool name is figma u don't need to pay but few steps need to know 1st time u use this tool,so go and watch Figma tutorial.
thank you soooo much. You helped me alot with figma and today i'm no longer a beginer ! great work!
Most welcome. Glad to hear that. Stay tuned
Hi everyone!
👌💕
I want to know software name,
U doing great man..
@@priyeshtiwari2324 figma
@@DesignSense thank u
App name tell me
Great one! I'd only suggest you changing "Sign up with--" to "Continue with--"
Thank you for the suggestions 😊
Great design. Love the background music
Thank you 😊
Woww...Amazing start, can't wait for the next one...!!
Stay tuned 😊
Nice design however it would be nice to see what your take on mobile version of it :) This way we can learn more about design process :)
Thanks for the suggestion.
Cool 👍👍
I love this!! I'm going to share on your facebook group.
Awesome! Thank you!
Awesome please Make a Video with their Pressed buttons or Shortcut
Ok
Thanks for this! Learning now - Icon/Logo was missing in the files folder.
did he provide the source ?
@@abdelrhmanalaa9456 Yeah, look at the links in the description, there are source files for icons and stuff
Nice clean design! I think you should pull the pink colour from the 3D image and try it as your button colour
Thank you for the suggestions😊.
Thank you , This video is peaceful of my learning thank you for sharing. This is the start will I become UI.
Best of luck!😊😊😊😊
Just amazing. Really really want this image to practice along.
The link is given in the description
@@DesignSense It is a website. Not a specific link to the image. Hard to find.
@@lantranthanh245 just follow these steps that i have shown in the video. You will easily find these 3d things.
Desperately waiting for the moment I see the same design being implemented by HTML CSS JS. Waiting :-)
I can make this in less then 1h lol
This is so satisfying and motivating. Thank you!
Glad to know that ♥️
You've earned a new subscriber! Thank you so much for this tutorial!
Thank you ❤️
Nice work! However I'd work on accessibility more, for instance the contrast of text to background in the Logo subtitle, Language selector and Log In link at the bottom are very low contrast and would be difficult to read to someone with sight impairment. Also I don't think it's accessible to put explanatory text like Full Name, emial and password inside the text boxes, as once the user clicks there, the text hints are gone. This is considering people with cognitive impairment, who need the hints even while typing inside the text field. Hope these comments are useful. Keep up.thr good work👍
Thanks for the suggestions. 😊
Amazing first of all I attracted of your color. outstanding 🥰🥰🥰🥰🥰🥰
Thank you 😊
Started from this now earning in 7 digits. Thanks😍
Keep it up
i am starting from today ,if i able to earn then i will come here again .
@@abhilashdarshan7396 You will be earning as long as you're open to the idea that there's always more to learn and you're not omniscient.
WOW !!! looks so cool !! nice color and those 3D icons .. waiting !!
I am learning Frontend and know I need to know some aspect of UI design. I am downloading this for next month after I have completed my Figma course.
Thanks for great content
That's great, Thank you 😊.
It would be more convenient if you added the styles instead of eyedropping every color.
Wow! amazing tutorial.
completed day 1 challenge. keep up the good work. Thank You
Great!! Please share your work on our Facebook group too.
I love ux design
😍
Bro, you do great work. But without voice instruction it totally useless. Because beginner doesn't which tools are you using. And what are you trying to create? Kindly add voice to make it easy for everyone.
Kind regards
Thank you so much for sharing this! I hope that you will create video tutorials for all the beginners out there, on how to use Adobe XD step by step.
Sure, stay tuned for more videos.
Good for strong portfolio
Amazing work I'm also a RUclipsr..... I like your work ❤❤❤❤❤❤
THANKS ❤️
AWEASOME
It looks amazing! Wow!
nice.. watched the whole video.
keep up the good work.
Thank you 😊 ❤️
50 days ui challenge 👍👍👍👍.
Day 1 completed.
Can't wait for next video. ❤️❤️❤️❤️
Uploaded please wait, 😊
Hi! From where did u donwloaded the images?
thank you so much. it helps me alot when i practice using figma to make project as a beginner
Glad to know 😊
Wow
Waiting..
Need All challenges resources for practice brother. btw, great work, i just love it
gonna follow up this challenge inshaallah, thanks 🙏🏼
Thats great!. Also share your progress with us on our Facebook page. We will give you feedback on that.
The desin and colors are Just amazing
Thank you 😊
wow.
This is what i needed
Challenge accepted! And Thank you a lot for such practical videos :)
Most welcome, Good luck ☺️. If you face any deficulty then let us know.
I expect all Daily UI like this from you😍
Stay tuned 😊
@@DesignSense Ok Dued 👍🤗
Nice Video for learning Ui😊
Great start wow😍
Thank you 😊
This is absolutely stunning
Thank you 😊
So beautiful lovely design.
Thanks 😊
This is amazing contribution keep sharing and growing 🔥🔥🔥🔥🔥
Thank you 😊
Really beautiful work. Love it.
Thanks 😊
great job
Love this channel
Thank you 😊
I can't believe you made that in 10 minutes..
😉
Super coooool
nice! simple design 👍
Super Designs
Thanks ❤️
nice work. "allready" constitute only a single "l"
very very nice😍😍😍😍😍🥰🥰🥰🥰😘😘😘😘🤩🤩🤩🤩
Thank you so much 😀
Nice 👍💕💕🥰🥰
Очень круто! И профессионально!
nice
Wow greatfull vedio
Thanks
nice and well this work
Nice design, need more tutorial bro
Thanks, stay tuned
Great work. Talanted vision
Thank you!
Challenge accepted 🎉
Welcome to the daily UI Challenge Series.
Let's code it
Such clean canvas! Great work
Thanks 😊
@@DesignSense 😁✨
So now my work is to do it with html and css and java to make it live page....
Challage accepted
😎
Good work sir
it will be better if music stopped and detailed explanation is replaced
i like the design but i think you should use Auto layouts, and styles for color and fonts
What do you mean?
art :)
This is awesome! Thank you so much!
Thank you 😊
Great one! really helpful I have subscribed to their site to receive daily UI Challenges. Can you also tell me where I can share my designs to recieve feedback
You can post your designs in our Facebook community or can post on insta and tag us. Thanks keep it up☺️
nice job
You design it out and I will code it everyday❤❤❤❤❤❤
❤️❤️😉
Omg I like the colour 💙💙
Thanks 😊
❤️
Beautiful
that music ruins the video
Good ❤
Can you also show how to add links to the boxes and buttons we added? thanks
This is only the design.
Thank you soo much 🥰
Welcome 🤗
Hey dude, I'm about to start learning about UI/UX. What is the name of the application you are using?
Sorry if my question is silly.
btw your design so cool
Hey, I think it's figma ;)
FIGMA
This one is made in Figma
Superb
Thank you good job
Welcome 😊
o my god
this is what i looking for
I'd appreciate it if you put a step by step caption if you're not going to talk, it's not really beginner friendly.
Thanks for the suggestion!
Started to learn design learning 2 days back and was going through tons of videos in youtube but none of it were unsatisfied because as a beginner I m not sure what are apps I need to download to proceed learning also I got to know Adobe softwares are paid...will love to know a proper tutorial from scratch and also about the softwares
Sure we will try to make a video about these topics. But you can take a course for UI UX from Udemy, Coursera, Udacity etc. But you can learn from RUclips too for free.
i like the color
Top, Thansk you :)
Welcome 😊
Nice one...Oh, one more thing, Which one uses your intro Background Music?
very nice
Great one! But the letter "Already" is spelled with one "L")))
Which letter?