Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Adobe XD Masterclass - Designing a Video Player Interface with Chat

Adobe via YouTube

Overview

Dive into a comprehensive Adobe XD tutorial that guides you through creating a sophisticated video player interface with dark mode and interactive chat features. Learn to set up artboards, design navigation bars, craft video player windows, and build engaging UI elements like play buttons and subscribe options. Explore techniques for developing a dynamic chat pod with scrolling functionality. Benefit from expert tips on improving your design workflow and gain insights into the instructor's design background. Perfect for both beginners and experienced designers looking to enhance their Adobe XD skills and create modern, user-friendly interfaces.

Syllabus

Start
Preview of Today’s Project
Recap of Previous Masterclass
Setting Up the Artboard
Recreating the Navigation Bar for Dark Mode
Creating the Video Player Window
Creating a Play Button
Adding Text Title and Info for Video
Howard’s Design Background
Creating Buttons Under the Video
Creating a Chat Pod
Creating a Subscribe Button
Building Out the Chat Experience
Creating a Scroll Feature for the Chat

Taught by

Adobe Creative Cloud

Reviews

Start your review of Adobe XD Masterclass - Designing a Video Player Interface with 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.