Explore advanced Adobe XD techniques in this 58-minute masterclass led by Adobe XD Evangelist Howard Pinsky. Learn to improve your design workflows by choosing optimal document sizes, saving assets to libraries, and adding links to webpage designs. Master the use of design plug-ins for creating search bars, utilize the rectangle tool for photo shapes, and enhance image readability with overlays. Discover how to efficiently create image links using stacks, employ repeat grids for multiple shapes, and add text information to image link shapes. Create compelling call-to-action buttons with component states, integrate text headers, and leverage the Google Sheets plug-in for populating repeat grids. Finally, learn to design interactive elements like favorite buttons and genre tag lists to enhance user engagement in your Adobe XD projects.
Adobe XD Masterclass - Tips and Tricks for Improved Design Workflows - Episode 39
Overview
Syllabus
start
Let’s Xd Website
Intro to Today’s Project
Choosing Document Size
Saving Assets to Libraries
Adding Links to a Webpage Design
Using Icons for Design Plug In to Make a Search Bar
Creating Shapes with the Rectangle Tool for Photos
Adding Overlay to Image to Read Text Better
Using Stacks to Create Image Links
Using Repeat Grid to Create More Rectangle Shapes
Adding Text Info to Image Link Shapes
Creating a Call to Action Button
Creating a Component State for Button
Adding Text Header
Google Sheets Plug-In to Add Info to Repeat Grid
Creating a Favorite Button with Heart Shortcut
Making a List of Genre Tags
Taught by
Adobe Creative Cloud
Related Courses
-
Introduction to Adobe XD
-
Adobe Xd Animation - Complete Guide From Icons To UI
-
Adobe XD: UX/UI Design Essentials
-
Adobe XD from Beginner to Expert - Design, Prototype and Collaborate
-
Adobe Xd Masterclass: Design a Mobile App & Website Wireframe
-
UI & UX Web Design using Adobe XD - User Experience Design
