Building semantic, flexible layouts

Contents

• Introduction Introduction

  • Diving into XD

    59s
  • Using the exercise files

    20s
• 1. Setting Up the XD Workspace 1. Setting Up the XD Workspace

  • Setting up XD for web design

    2m 47s
  • Configuring the artboard grid

    3m 22s
  • Creating color swatches

    2m 32s
  • Creating color assets

    2m 37s
  • Creating character styles

    4m 13s
  • Creating CC Library elements in Photoshop

    2m 55s
  • Creating CC Library elements in Adobe Illustrator

    2m 1s
  • Using wireframe UI kits

    3m 32s
  • Challenge: Build a wireframe

    1m 3s
  • Solution: Build a wireframe

    1m 25s
• 2. Web Design Strategies 2. Web Design Strategies

  • Working from wireframes

    4m 4s
  • Building semantic, flexible layouts

    3m 31s
  • Using HD-ready graphics

    2m 50s
  • XD tools overview

    5m 19s
  • Using XD tools

    5m 14s
  • Challenge: Build a layout

    1m 38s
  • Solution: Build a layout

    2m 27s
• 3. Designing for Desktop 3. Designing for Desktop

  • Repeating with Repeat Grid

    4m 22s
  • Using CC Library assets

    3m 23s
  • Editing graphics in XD

    2m 16s
  • Saving time with components

    3m 25s
  • Challenge: Update the portfolio

    44s
  • Solution: Update the portfolio

    2m 7s
• 4. Adapting Designs for Breakpoints 4. Adapting Designs for Breakpoints

  • Adapting designs for breakpoints

    2m 38s
  • Duplicating artboards

    2m 16s
  • Responsive resizing

    4m 58s
  • Manually adjusting layouts

    2m 58s
  • Challenge: Adapting for breakpoints

    52s
  • Solution: Adapting for breakpoints

    1m 35s
• 5. Creating Prototypes and Exporting Assets 5. Creating Prototypes and Exporting Assets

  • Discovering prototypes

    2m 22s
  • Wiring a prototype overview

    4m 12s
  • Prototype wiring basics

    2m 27s
  • Sharing web prototypes

    2m 14s
  • Exporting assets for development

    3m 15s
  • Challenge: Wiring prototypes

    31s
  • Solution: Wiring prototypes

    51s
• Conclusion Conclusion

  • Recommendations

    1m 6s