Adobe XD: Building a Responsive Component Library
Offered By: LinkedIn Learning
Course Description
Overview
Learn how to use Adobe XD to design and prototype responsive layouts that can adapt to a variety of screen sizes and types.
Syllabus
Introduction
- Building out a responsive component library
- About the exercise files
- Components are supercharged symbols
- Exploring button design variations
- Converting objects to components
- Creating and styling component instances
- Understanding component inheritance
- The advantages of atomic design
- Using Repeat Grid with components
- Replacing nested components
- Introducing states
- Creating component states to organize content
- Adding a hover transition between states
- Adding additional custom states and transitions
- Using states for layout variations
- Building alternate layouts with responsive resize
- Applying responsive states to a slideshow component
- Using responsive resize at an artboard level
- Defining responsive resize at an artboard level
- Adjusting elements for a tablet layout
- Where to go from here
Taught by
Dani Beaumont
Related Courses
User Experience Responsive Hero in XD for BeginnersCoursera Project Network via Coursera Customer Journey Prototyping in XD
Coursera Project Network via Coursera Fashion E-Commerce in XD
Coursera Project Network via Coursera Ultimate Web Designer & Web Developer Course
Udemy Web Design com Adobe XD, Bootstrap, GIMP, HTML e Photoshop
Udemy