I am sorry, I am a bit confused at 7:24. Are you composting each movement before making an accordion default state? I would greatly appreciate help because I have been having bad luck with this accordion menu.
HI James, how to convert Adobe xd animations in to codes? It seems easy to use animations in XD using prototype tools, But How does a developer bring these animations in to live using codes?
Hey. Unfortunately I might not be able to help with it. I don't have extensive knowledge in front end development in order to help you with that. I'm sorry. I guess you can use the help of other developers and projects from stack overflow to find similar styles of animations and integrate them into your project.
I sorry I cant help you with that. But a developer have contacted me and he is trying to convert this to code. I would definitely share his thoughts and results.
Good question. Selecting colours for a UI is significant and it revolves around many principles. But this is just a concept and I just tried to find the best colours to make it look good. I use the aid of different websites and as you get more familiar with them you will have a natural idea about what looks best with what. I would recommend coolors.co/ for selecting a colour palette. color.adobe.com/create/color-wheel/ is also an amazing website creating and exploring colour palettes. Looking fr inspirations in Behance, Dribbble, CollectUI (collectui.com/) will also help you land in good colour schemes to use in your project. Hope this helps. Kindly revert back if you have more queries.
Great tutorial! but i have one question, how to apply the hamburger menu animation to multiple artboard? do we need to make it one by one per artboard? btw, Thank you for sharing!
@@LucasThomazinii I am not having the best of luck with this accordion menu. Do you mind explaining to me what you mean? I hope your comment can help me.
Everything here was created in XD. The images were taken from a plugin, but all the UI elements and components were made entirely in Adobe XD. If you want, it's possible to make them in Adobe Photoshop and import them into XD as now XD supports and can open PSD files. Just make sure the artboard size are correct when you create them in Photoshop. Everything that's available in XD will load properly from the PSD including shadows, borders, fonts, even groups. And you can prototype them without much difficulty.
Jerrin James that’s amazing ! I am looking to further develop my skills. So you being a freelancer , do you also work with a coder to code your prototypes for clients ?
![Soft UI Sign-up Screen [UI Design & Prototype] - Adobe XD Tutorial pt.2 [2020]](http://i.ytimg.com/vi/H4cwatymnLo/mqdefault.jpg)
![Soft UI Sign-up Screen [UI Design & Prototype] - Adobe XD Tutorial pt.2 [2020]](/img/tr.png)
![Soft UI Navigation Bar[UI Design & Prototype] - Adobe XD Tutorial pt.3 [2020]](/img/n.gif)
Probably the best tutorial and design I found in the last couple of days.
Thanks a lot 😊
can you help me with it ? Mine isn't working
Thank you so much for sharing the project file and explaining. It is helpful for me.
Glad it was helpful!
Dear James, Till now your all tutorials are inspiring. Keep update your works for us.
Definitely, thanks for the feedback
your way in teaching is truly helping me as a beginner.
I'm happy that it helps.
Nice, thanks a lot. I'm just a 14 years old boy learn how to use Adobe XD to make a concept. Thanks for your tutorial
ITS REALLY WORKED LOL THANK YOU DUDE
you just got a new subscriber
great tutorial. Thank You
i learn so much .... thanks!!
please keep your amazing work!!
Thank you.
good work king, love you
LOVE YOU JERRIN BRO
Another great tutorial! Keep them coming Jerrin 👍🏼
Thanks 😊
I am sorry, I am a bit confused at 7:24. Are you composting each movement before making an accordion default state? I would greatly appreciate help because I have been having bad luck with this accordion menu.
HI James, how to convert Adobe xd animations in to codes? It seems easy to use animations in XD using prototype tools, But How does a developer bring these animations in to live using codes?
Hey. Unfortunately I might not be able to help with it. I don't have extensive knowledge in front end development in order to help you with that. I'm sorry.
I guess you can use the help of other developers and projects from stack overflow to find similar styles of animations and integrate them into your project.
You may watch this. ua-cam.com/video/T-nLOpomHjY/v-deo.html
and in addition I think you could use Anima, Flutter, MondayHero and Quest AI.
it worked! thank you so much!!
yo bro, really thankya. Big respect
Wow amazing tutorial and design great work
Sir You Are The Best
Ima download it thanks for sharing!!
Thank you for always sharing the Project file. It help us a lot ❤️
Happy to help!
Thank you for explaining this thoroughly!
Thank you for this! Super cool video! A+++
Really in Love with channel too good way to make thing really simple :)
Thank you so much for the feedback.
Just Great ! Could You make another video on how to implement this in the Android Studios? It'll be a Great help !!
you are the best tutor :)
Thank you 😊
hello , I want to learn Adobe XD from zero please tell me which book is best and which tutorial can help me
You can try searching for an in-depth course in coursera
how your create the text in left bottom corner in thr video ..is it software??(6:39)
Yeah. I used a screen recording tool called captura. It does keystroke recording.
This is great, thank you!
Goooood
let me ask, when you record the screen how does a shortcut show up such instructions?
What program do you use to show that you press the button on the keyboard
I use a screen recorder called Captura. It has a built in keystroke recorder.
dis is really nice, good work..
Thank you :D
Thank you 🙏🏻 Very helpful
Glad it was helpful!
hi james, what tool do you use to show pressed keyboard key to screen?
I use a screen capturing software called Captura. It allows us to record and preview keystrokes.
hanks lot Sir.. You helping us..
how could I transfer exactly to the android studio is it possible to perform the same ?
I sorry I cant help you with that. But a developer have contacted me and he is trying to convert this to code. I would definitely share his thoughts and results.
Where you get colors for ur project
Good question. Selecting colours for a UI is significant and it revolves around many principles. But this is just a concept and I just tried to find the best colours to make it look good.
I use the aid of different websites and as you get more familiar with them you will have a natural idea about what looks best with what.
I would recommend coolors.co/ for selecting a colour palette. color.adobe.com/create/color-wheel/ is also an amazing website creating and exploring colour palettes.
Looking fr inspirations in Behance, Dribbble, CollectUI (collectui.com/) will also help you land in good colour schemes to use in your project.
Hope this helps. Kindly revert back if you have more queries.
Really simple. Thanks Jx. I want you to be my mentor. Please where can i reach you?
My social media links are in the channel and in the description of every video, feel free to reach out.
Really Good!
Thanks man
Thanks a lot for the tutorial...
Great tutorial! but i have one question, how to apply the hamburger menu animation to multiple artboard? do we need to make it one by one per artboard? btw, Thank you for sharing!
Hey!! You can create everything inside a component with two states.
Yes, exactly, Ill be explaining about component states in my next video.
@@LucasThomazinii I am not having the best of luck with this accordion menu. Do you mind explaining to me what you mean? I hope your comment can help me.
Great tutorial
Thank you
Hey James, great tutorial. what software you used to record the voice
I use a text to speech demo by Watson
Thanks for the video !
I am curious, were the components created in XD or another one of the suite softwares ?
Everything here was created in XD. The images were taken from a plugin, but all the UI elements and components were made entirely in Adobe XD. If you want, it's possible to make them in Adobe Photoshop and import them into XD as now XD supports and can open PSD files. Just make sure the artboard size are correct when you create them in Photoshop. Everything that's available in XD will load properly from the PSD including shadows, borders, fonts, even groups. And you can prototype them without much difficulty.
Jerrin James thank you so much I appreciate your help !
Are you a freelancer or do you work for a design firm ?
@@lordjubei9829 I am a freelaner :D
Jerrin James that’s amazing !
I am looking to further develop my skills.
So you being a freelancer , do you also work with a coder to code your prototypes for clients ?
That's good. Yeah. Usually I get work as UI design so there will be a person who will do the coding part.
Sir how to get those image placeholder template?
You can use the practice file. I have added the placeholder in the components. You can just drag and drop the item into the screen.
How Can I get that 'Design Hunt' plug-in, which you have used in your video ?????????? please also tell Is it free or paid.....????????????
It's a free plugin. Go to plugin section in Adobe XD and search for Design Hunt.
@@JerrinJames Thanks.... 👍
Great
thanks
Gréât to undestand
how to open your shared file
plzzzz reply
It's a Google drive link. Just click and download it. Open it in Adobe XD.
Mine isn't working.... HELP !
What exactly isn't working for you?
i am unable to open
Open what?
For once, the software is actually really useful
god bless u xdd