UI/UX Design & Prototype Tutorial for Beginners - Social Media App Design
5.6K views · 2023-06-14
UI Design
✅ Download Free Resources👇
https://downloadfreebie.com/
................................
Learn how to create app UI/UX design & prototype in adobe xd for social media mobile app design with 2023 design trend. this adobe xd tutorial is full course for beginners to learn mobile app ui design & how to prototype in adobe xd & preview on mobile device.
Topics:
00:00 App Intro with prototype
00:12 Profile UI design
00:38 Use of gradient
01:30 Character style
03:15 Adding drop shadow
05:15 Creating overlay affect
06:05 How to use repeat grid layout
06:30 Background blur affect
06:52 Navigation menu design
09:10 Video screen design
10:00 How to creating components
11:20 How to edit main component
13:10 Comment ui design
17:35 How to Prototype in adobe xd
18:10 Adding transitions/animation
21:22 Creating Toggle State
🎯 Join our private FB community:
👉 https://www.facebook.com/groups/uixdesignacademy
...............................
☕ Enjoyed the Video? Fuel Me with a Coffee:
👉 https://buymeacoffee.com/uixdesignacademy
...............................
🎥 What to WATCH Next:
👉 https://youtu.be/uYb2IU9liWk
👉 https://youtu.be/csZHzsVreR8
👉 https://youtu.be/O4e62tbnEFE
...............................
🛠️ Most Useful Tools Links:
👉 Webflow: https://webflow.partnerlinks.io/nz6ljxn7vydv
👉 Figma: https://psxid.figma.com/z2wz3bjjbrdi
👉 Framer: https://www.framer.com?via=uixdesignacademy
🎁 promo code: FREE 3 months (partner25proyearly)
I would be very happy 🙂 If you decided to Subscribe:
https://www.youtube.com/c/UIXUniversity
#ui #prototype #tutorial #adobe #xd #mobileapp
https://downloadfreebie.com/
................................
Learn how to create app UI/UX design & prototype in adobe xd for social media mobile app design with 2023 design trend. this adobe xd tutorial is full course for beginners to learn mobile app ui design & how to prototype in adobe xd & preview on mobile device.
Topics:
00:00 App Intro with prototype
00:12 Profile UI design
00:38 Use of gradient
01:30 Character style
03:15 Adding drop shadow
05:15 Creating overlay affect
06:05 How to use repeat grid layout
06:30 Background blur affect
06:52 Navigation menu design
09:10 Video screen design
10:00 How to creating components
11:20 How to edit main component
13:10 Comment ui design
17:35 How to Prototype in adobe xd
18:10 Adding transitions/animation
21:22 Creating Toggle State
🎯 Join our private FB community:
👉 https://www.facebook.com/groups/uixdesignacademy
...............................
☕ Enjoyed the Video? Fuel Me with a Coffee:
👉 https://buymeacoffee.com/uixdesignacademy
...............................
🎥 What to WATCH Next:
👉 https://youtu.be/uYb2IU9liWk
👉 https://youtu.be/csZHzsVreR8
👉 https://youtu.be/O4e62tbnEFE
...............................
🛠️ Most Useful Tools Links:
👉 Webflow: https://webflow.partnerlinks.io/nz6ljxn7vydv
👉 Figma: https://psxid.figma.com/z2wz3bjjbrdi
👉 Framer: https://www.framer.com?via=uixdesignacademy
🎁 promo code: FREE 3 months (partner25proyearly)
I would be very happy 🙂 If you decided to Subscribe:
https://www.youtube.com/c/UIXUniversity
#ui #prototype #tutorial #adobe #xd #mobileapp