Adobe XD - Interface Design

Greg Rog, learnux.io

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
38 Videos (5h 42m)
    • Introduction

      2:08
    • Grids and Artboards

      10:51
    • Resolutions and Retina Screens

      5:59
    • Assets Exchange

      12:07
    • Document Navigation

      3:59
    • Interface and Shortcuts

      6:22
    • Searching for Inspiration

      6:02
    • Colors and Structure

      13:12
    • Typography

      16:27
    • Working with Shapes

      7:03
    • Symbols

      5:50
    • Working with Image Assets

      7:45
    • Import from Text File

      7:00
    • Pen Tool

      9:58
    • Repeat Grid

      5:48
    • Generating Grid

      10:55
    • Next Screens

      7:15
    • Testimonials Screen

      8:16
    • Boolean Operations

      5:55
    • Repeat Grid Sections

      5:51
    • Working with Form

      9:04
    • Prototyping

      11:05
    • Sharing your Work

      7:12
    • Mobile Version

      15:30
    • Device Preview

      7:38
    • Exporting Assets

      9:20
    • Muse Import

      16:04
    • Using Google Fonts

      13:52
    • Mobile Menu

      5:41
    • Second Screen

      18:55
    • Third and Fourth Screen

      15:22
    • Fifth Screen

      10:48
    • Sixth Screen

      9:10
    • Seventh and Eight Screen

      12:07
    • Interactive Elements

      9:43
    • Exporting to Server

      6:43
    • Design Specs

      4:11
    • Thank You

      0:55
16 students are watching this class

About This Class

Version: This course includes all the new features of Adobe XD CC 1.0, such as Libraries!

Do you want to design interfaces quickly and without issues? Adobe Experience Design is an extremely versatile tool for UI/UX designers because it also lets the users create interactive prototypes. Not only are we going to discuss working techniques for Adobe XD but also make our project into a working website with Adobe Muse!

Course lessons will show you how to exchange data between Adobe XD, Photoshop, Illustrator, and even mobile apps, which you can use to quickly prototype with your tablet or smartphone. Wireframes created this way can be easily imported to XD where you can continue your work. In Experience Design, you can use Assets panel and Creative Cloud Libraries to manage all the assets and keep them consistent in your software.

This course focuses on the creation of a practical website project. The site advertises the intelligent home app we have worked on during our previous UI courses. However, the start might seem a bit unusual because we deal with a desktop view, then we create a responsive view and test it on a mobile phone. Next, we prototype transitions and interactions for a finished project and prepare graphic assets to be exported to the Web.

5 of 5 students recommendSee All

Great Course! But it seems like this course should be called "Adobe Muse - Interface Design"