Главная
Study mode:
on
1
1. 1Responsive Design in Adobe XD
2
2.1 Responsive Design Is Just Two Things
3
2.2 Workflow, Breakpoints, and Do We Still Do “Mobile First”?
4
3.1Quick Overview of What You Can Do in XD
5
3.2 The “Responsive Resize” Function
6
3.3 Artboards and Responsiveness
7
3.4 Emulating Flexible Width Columns
8
3.5 “Repeat Grid” and Responsiveness
9
3.6 Handling Text
10
3.7 Create a Max-Width Artboard
11
4.1 Creating Breakpoint Artboards
12
4.2 1000px Breakpoint
13
4.3 900px Breakpoint
14
4.4 700px Breakpoint
15
4.5 500px Breakpoint
16
4.6 400px Breakpoint
17
4.7 Smallest Breakpoint
18
5.1 Device-Specific Artboards
19
5.2 Wrapping Up
Description:
Learn to create responsive design mockups efficiently using Adobe XD's toolsets in this comprehensive 1-hour 33-minute video tutorial. Explore the fundamentals of responsive design, including workflow, breakpoints, and mobile-first approaches. Master XD's features like Responsive Resize, artboards, flexible width columns, and Repeat Grid. Discover techniques for handling text and creating max-width artboards. Practice creating breakpoint artboards for various screen sizes, from 1000px down to the smallest breakpoint. Conclude with insights on device-specific artboards and practical tips for implementing responsive design in your projects.

Responsive Design in Adobe XD

Envato Tuts+
Add to list