Adobe XD Masterclass - Designing a Video Player Interface with Chat

Adobe XD Masterclass - Designing a Video Player Interface with Chat

Adobe Creative Cloud via YouTube Direct link

Recreating the Navigation Bar for Dark Mode

5 of 14

5 of 14

Recreating the Navigation Bar for Dark Mode

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Adobe XD Masterclass - Designing a Video Player Interface with Chat

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Start
  2. 2 Preview of Today’s Project
  3. 3 Recap of Previous Masterclass
  4. 4 Setting Up the Artboard
  5. 5 Recreating the Navigation Bar for Dark Mode
  6. 6 Creating the Video Player Window
  7. 7 Creating a Play Button
  8. 8 Adding Text Title and Info for Video
  9. 9 Howard’s Design Background
  10. 10 Creating Buttons Under the Video
  11. 11 Creating a Chat Pod
  12. 12 Creating a Subscribe Button
  13. 13 Building Out the Chat Experience
  14. 14 Creating a Scroll Feature for the Chat

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.