Working from wireframes

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
  • (Locked)
    Configuring the artboard grid

    3m 22s
  • (Locked)
    Creating color swatches

    2m 32s
  • (Locked)
    Creating color assets

    2m 37s
  • (Locked)
    Creating character styles

    4m 13s
  • (Locked)
    Creating CC Library elements in Photoshop

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

    2m 1s
  • (Locked)
    Using wireframe UI kits

    3m 32s
  • (Locked)
    Challenge: Build a wireframe

    1m 3s
  • (Locked)
    Solution: Build a wireframe

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

  • Working from wireframes

    4m 4s
  • (Locked)
    Building semantic, flexible layouts

    3m 31s
  • (Locked)
    Using HD-ready graphics

    2m 50s
  • (Locked)
    XD tools overview

    5m 19s
  • (Locked)
    Using XD tools

    5m 14s
  • (Locked)
    Challenge: Build a layout

    1m 38s
  • (Locked)
    Solution: Build a layout

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

  • (Locked)
    Repeating with Repeat Grid

    4m 22s
  • (Locked)
    Using CC Library assets

    3m 23s
  • (Locked)
    Editing graphics in XD

    2m 16s
  • (Locked)
    Saving time with components

    3m 25s
  • (Locked)
    Challenge: Update the portfolio

    44s
  • (Locked)
    Solution: Update the portfolio

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

  • (Locked)
    Adapting designs for breakpoints

    2m 38s
  • (Locked)
    Duplicating artboards

    2m 16s
  • (Locked)
    Responsive resizing

    4m 58s
  • (Locked)
    Manually adjusting layouts

    2m 58s
  • (Locked)
    Challenge: Adapting for breakpoints

    52s
  • (Locked)
    Solution: Adapting for breakpoints

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

  • (Locked)
    Discovering prototypes

    2m 22s
  • (Locked)
    Wiring a prototype overview

    4m 12s
  • (Locked)
    Prototype wiring basics

    2m 27s
  • (Locked)
    Sharing web prototypes

    2m 14s
  • (Locked)
    Exporting assets for development

    3m 15s
  • (Locked)
    Challenge: Wiring prototypes

    31s
  • (Locked)
    Solution: Wiring prototypes

    51s
• Conclusion Conclusion

  • (Locked)
    Recommendations

    1m 6s