UI Design Tutorial – Booking Confirmation UI Animation – Adobe XD Tutorial



In this tutorial, we set out to create a wonderful booking confirmation ticket with a lovely animation using Adobe XD’s 3D Transform tool.

If you liked this video please give it a ‘Like’ 👍 and leave a comment 💬 on what other videos you would like us to do. We read every comment!

💬 💬 💬 Help us grow our Discord channel and join
https://discord.gg/d3GU2jQfFy

——-

Also, be sure to follow us on our other socials and stay updated
Instagram – https://www.instagram.com/digitalprspctv/

——
🛍 Check out our Etsy store for our digital products on sell
https://www.etsy.com/uk/shop/DigitalPrspctv

——
❤️❤️ SUPPORT US ❤️❤️
If you like what we do and would like to support us, why not become a Patreon and help us out with a cup of coffee.

Click here to become a Patreon. https://www.patreon.com/digitalprspctv

❤️❤️❤️

#AdobeXD #UIDesign #UITips

Timestamps

00:00 – Introduction
00:32 – Taking ArtBoard “iPhone 11”
00:53 – How to create rectangle box for the app
01:22 – Inserting Color Gradient
01:47 – Creating rectangle box
02:10 – Writing Text
03:57 – Adding ‘PLAN’ icon
04:44 – Writing more text for information
06:00 – Creating circle for little effect
07:20 – Writing detailed information
09:35 – Adding QR code & aligning the text
12:13 – Creating an icon
12:50 – Creating a rectangle
13:23 – Inserting icons
13:46 – Writing text for detailed information
15:10 – Creating ‘Line’ as a splitter
16:05 – How to do Prototyping/Animation
18:41 – Let’s Play
19:13 – Conclusion

Duration: 00:19:32

source