Designing for different screen sizes

Contents

• Introduction Introduction

  • Expand your design skills to include UX and UI

    37s
• 1. Overview 1. Overview

  • What are UX and UI design?

    7m 13s
  • Transitioning from graphic design to UX/UI

    2m 58s
  • What is Adobe XD?

    3m 9s
• 2. Creating Graphics and Text 2. Creating Graphics and Text

  • Using the workspace and tools

    5m 42s
  • Drawing and editing graphics

    5m 48s
  • Adding fonts and text

    3m 47s
  • Adding color and gradients

    3m 25s
• 3. Adding Imagery 3. Adding Imagery

  • Adding images and effects

    4m 22s
  • Using Illustrator and Creative Cloud Libraries

    4m 14s
  • Using Photoshop with Adobe XD

    3m 47s
• 4. Creating Multiple Screens 4. Creating Multiple Screens

  • Creating, previewing, and sharing screens

    4m 51s
  • Using and reusing symbols

    4m 1s
  • Using Repeat Grid

    4m 38s
• 5. Creating Interactions 5. Creating Interactions

  • Prototyping interactions and transitions

    6m 21s
  • Scrolling and pinning content

    2m 50s
  • Creating overlays

    4m 43s
• 6. Prototype for Web and Apps 6. Prototype for Web and Apps

  • Designing for different screen sizes

    6m 20s
  • Testing on mobile devices

    3m 45s
  • Using graphics from UI kits

    4m 24s
• 7. Sharing and Exporting 7. Sharing and Exporting

  • Sharing and commenting on prototypes

    48s
  • Recording a video of interactions

    57s
  • Sharing design specs with developers

    2m 46s
  • Exporting artboards and assets

    4m 43s
• Conclusion Conclusion

  • Resources and next steps

    1m 24s