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

Using states for layout variations - Adobe XD Tutorial

From the course: Adobe XD: Building a Responsive Component Library

Start my 1-month free trial

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…

Contents