Lessons: 19Length: 1.5 hours
- Overview
- Transcript
1.1 Responsive Design in Adobe XD
Welcome to the course! In this course, you’ll learn how to best use Adobe XD’s toolsets to efficiently create responsive design mockups. This introduction video will show you what you can expect to learn, tools and techniques for responsive design, and some tips which apply to general use of Adobe XD. Without further ado, let’s begin with the first lesson!
1.Introduction
1.1Responsive Design in Adobe XD00:49
2.Responsive Refresher
2.1Responsive Design Is Just Two Things05:52
2.2Workflow, Breakpoints, and Do We Still Do “Mobile First”?09:36
3.Responsive Design in Adobe XD
3.1Quick Overview of What You Can Do in XD04:56
3.2The “Responsive Resize” Function09:05
3.3Artboards and Responsiveness04:06
3.4Emulating Flexible Width Columns09:17
3.5“Repeat Grid” and Responsiveness08:30
3.6Handling Text05:05
3.7Create a Max-Width Artboard02:14
4.Breakpoint Artboards
4.1Creating Breakpoint Artboards03:32
4.21000px Breakpoint03:21
4.3900px Breakpoint03:53
4.4700px Breakpoint04:29
4.5500px Breakpoint02:56
4.6400px Breakpoint02:59
4.7Smallest Breakpoint03:55
5.Conclusion
5.1Device-Specific Artboards03:36
5.2Wrapping Up04:29
1.1 Responsive Design in Adobe XD
XD is Adobe's contributions to the world of design mockup software. And in XD, as with any concept design tool, it's really important to be able to illustrate how your layouts are going to respond at the different widths that they're going to need to be functional at. In this course, you'll learn about the specific elements of XD's functionality that can be used to help you with your responsive design processes. I'm gonna show you a couple of tricks for XD to help you with your layout, both in general and with responsive design. And then I'm gonna show you through a practical demonstration of creating a multiple artboard mockup of a responsive wireframe site. By the end of this course, you're gonna know exactly how to produce a complete responsive mockup in Adobe XD. So let's go ahead and get started on responsive design in Adobe XD. I'll see you in the first lesson.
