From the course: Adobe XD: Building a Responsive Component Library
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Using states for layout variations - Adobe XD Tutorial
From the course: Adobe XD: Building a Responsive Component Library
Using states for layout variations
- [Instructor] If you're following along with me, you're going to want to navigate to the states for layout artboard in the responsive components section. Let's go back to the stated goals of this course, just for a second. Building out a responsive component library with a hierarchical structure that allows you to change as little as possible and have it propagate throughout your entire design with as much efficiency as possible. Depending on the project that you're working on, you're going to want to use a different set of features. So I have a header navigation here on this artboard, and notice that this header navigation is designed for three different break points, in essence, in a web browser. So the one at the top is showing either a native mobile app, or a web browser for mobile, you have a tablet version, and a desktop version. And notice the subtle changes between them. Not only are they wider, which is pretty…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.