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 TV Streaming Interface - Episode 48

Adobe via YouTube

Overview

Dive into a comprehensive Adobe XD tutorial that explores advanced design techniques and efficient workflows. Learn how to create a visually appealing TV media content interface, starting with artboard selection and guide placement for precise alignment. Master the 3D transform feature to add depth to your designs, and discover tips for enhancing text readability through image editing and masking. Explore the creation of interactive elements like "Watch Now" buttons and expandable show cards. Gain insights into effective use of masks versus groups, and learn time-saving tricks such as performing calculations directly in sizing fields. Enhance your designs with overlays, state shadows, and custom icons. Perfect for designers looking to elevate their Adobe XD skills and streamline their workflow.

Syllabus

Start
Intro to Today’s Project
Choosing an Artboard Size
Creating a Header for Contrast
Adding Guides to Help with Alignment
Creating TV Media Content Header
Explaining the Z Depth in 3D Transform
Adding Text Content
Creating a “Watch Now” Button
Editing Image in Photoshop to Make Text Easier to Read
Showing off the Object Selection Tool
Creating a Mask for Text Info
Creating More TV Show Info Spots
Making an Expanded State for First Show
Editing Other TV Show Cards
Why Use a Mask Instead of a Group?
Adding More Category Info Cards
How to Do Math in the Sizing Fields of Xd
Adding an Overlay to Make Text More Readable
Adding State Shadow to Category Cards
Creating a Menu Icon
Creating Sub-Category Links

Taught by

Adobe Creative Cloud

Reviews

Start your review of Adobe XD Masterclass: Designing a TV Streaming Interface - Episode 48

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.