Calendar animation and design | Adobe XD 2020 tutorial

In this UI design tutorial, follow along as we design and animate an interactive calendar component in Adobe XD | Subscribe: https://bit.ly/2AQm1x

In this tutorial, we will make use of the basic features of XD, leverage the rectangle, ellipse and text tools coupled with the power of component states to create an interactive prototype!

#UXandD #AdobeXDtutorial #Calendartutorial
Calendar components can be found all over the place these days, from hotel booking sites to event listings. I created this design with a holiday booking website in mind, a component where the user can select some days in a month and then viewing listings based on that selection. I purposely wanted to design a component with a collapsed state because it wouldn't be the focus of the page.

I hope you find this tutorial useful and you learn something, I tried my best to explain everything I'm doing. It's always great to hear from you, so let me know in the comments if you created a calendar of your own.

That's all for now, cheers!

Видео Calendar animation and design | Adobe XD 2020 tutorial канала UX&D