Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows

Dive into a comprehensive 57-minute Adobe XD masterclass led by Adobe XD Evangelist Howard Pinsky. Learn essential tips and tricks to enhance your design skills and streamline workflows. Explore project initiation, color theory application, font selection, and navigation bar creation using guides. Discover how to design with live previews, integrate icons from Nucleo, and create custom icons with hidden features. Master techniques for resizing strokes, optimizing navigation icons, and building reusable components. Develop engaging call-to-action elements and craft product-specific landing pages with attention to typography and layout. Create interactive elements like size selectors and color pickers, and design intuitive cart and wishlist buttons. Conclude with a thorough recap of the covered techniques to solidify your Adobe XD expertise.

Start
Starting the project
Discussing color limits - designing the landing page
Font selection and placement
Using guides - adding the navigation bar
Styling the navigation bar
Designing with the preview viewable
Choosing icons from Nucleo
Creating a heart icon in Adobe XD using an easter egg
Creating strokes that resize with the icon
Resizing the navigation icons for best practices
Grouping the navigation bar and making a component
Designing the Call to Action
Designing a landing for a specific shoe
Laying out the landing title
Font selection and layout for shoe information
Creating the shoe size selector
Adding color selection to the info page
Designing an add to cart and a save for later button
Recap of today’s work