Dive into a comprehensive 57-minute Adobe XD Masterclass video led by Adobe XD Evangelist Howard Pinsky. Learn essential tips and tricks to enhance your design skills and streamline workflows. Begin by creating a new document and adding background images for a messenger user list project. Master techniques like creating user profiles, applying background blur, utilizing the Repeat Grid for efficient list creation, and leveraging the Stacks Tool for precise padding and ordering. Explore the process of designing interactive elements such as add and settings buttons, and discover how to implement hover effects. Conclude by crafting a recent messages list and get a sneak peek at the upcoming masterclass. Elevate your Adobe XD proficiency with this in-depth tutorial covering various aspects of UI design and functionality.
Adobe XD Masterclass - Designing a Messenger User Interface - Episode 50
Overview
Syllabus
Start
Intro to Today’s Project
Starting a New Document
Adding a Background Image
Creating a User in a Messenger User List
Adding Background Blur to User List
Using Repeat Grid to Create a Larger List
Using Stacks Tool for Padding and Order of User List
Creating an Add Button
Creating a Settings Button
How to Make a Hover Effect
Creating a Recent Messages List
Sneak Peek at Next Week’s Masterclass
Taught by
Adobe Creative Cloud
Related Courses
-
Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows - Episode 39
-
Adobe XD Masterclass - Designing Interactive Components and Layouts - Episode 1
-
Adobe XD Design Techniques and Workflows - Episode 40
-
Adobe XD Masterclass - Creating a Landing Page with Hover Effects and Animations
-
Designing and Animating an Expandable Dropdown Menu - XD Daily Creative Challenge
-
Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows - Episode 7
