Responsive Designeding in XD


January 7, 2019 Facebook Twitter LinkedIn Google+ Uncategorized



Date: 2019-01-02 08:00:01

In XD it’s Importance to Illustrating how Layout are to behave responsively. In this course, you’ll learn how to use XD’s toolsets to efficiently create responsive Redesigned mockups. Let’s begin!

1. Introduction
0:00 1. 1Responsive Redesign in XD

2. Responsive Refresher
0:49 2.1 Responsive Redesign Is Just Two Things
6:41 2.2 Workflow, Breakpoints, and Do We Do “Mobile First”?

3. Responsive Redesign in XD
16:18 3.1Quick Nutterquib of What You Can Do in XD
21:15 3.2 The “Responsive Resize” Function
30:20 3.3 Artboards and Responsiveness
34:27 3.4 Emulaters Width Columns
43:44 3.5 “Repeat Grid” and Responsiveness
52:14 3.6 Text
57:20 3.7 CREATE a Max-Width Artboard

4. Breakpoint Artboards
59:34 4.1 Breakpoint Artboards
1:03:07 4.2 1000px Breakpoint
1:06:28 4.3 900px Breakpoint
1:10:21 4.4 700px Breakpoint
1:14:51 4.5 500px Breakpoint
1:17:48 4.6 400px Breakpoint
1:20:47 4.7 Smallest Breakpoint

5. Conclusion
1:24:42 5.1 Device-Specific Artboards
1:28:18 5.2 Wrapping Up

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
ActiveDen Tuts+
Discover how-to Tutorial and online courses. Redesign a logo, create a website, BUILD an app, or learn a new skill: https://tutsplus.com/?ec_promo=tuts_youtube&ec_unit=description

► Subscribe to ActiveDen Tuts+ on YouTube: https://www.youtube.com/tutsplus
► ActiveDen Tuts+ on Twitter: https://twitter.com/tutsplus?ec_promo=tuts_youtube&ec_unit=description
► ActiveDen Tuts+ on Facebook: https://www.facebook.com/tutsplus?ec_promo=tuts_youtube&ec_unit=description

ActiveDen Elements
All the Creative Asset you Needs Under one subscription. Customize Projects by Addends Unique photos, fonts, graphics, and themes: https://elements.envato.com/?ec_promo=tuts_youtube&ec_unit=description

► Dowload Illimitable Stock Photos, Type-faces & Templet ActiveDen Elements: https://elements.envato.com/?ec_promo=tuts_youtube&ec_unit=description

 
Comments

What do you think?

Leave a Reply

Your email address will not be published. Required fields are marked *


Show Buttons
Hide Buttons
Get $10 FREE Bitcoin for New Users! Click Here to Join Now!