Adobe Experience Design CC (Beta) Designing and prototyping user experiences for websites and mobile apps

Designing and Prototyping with Adobe XD

Experience matters. People decide within seconds whether your app or website is useful and engaging. Crafting a great user experience requires more than just visual design. Adobe XD is an app for doing it all - wire-framing, visual design, interaction design, prototyping, previewing and sharing. In this session, we will show you how to design and prototype a complete experience using the new Adobe XD. Learn tips and tricks to immediately be more productive creating a great user experience.

What you’ll learn:

  1. Crafting a design with Adobe XD. Re-using assets from Photoshop and Illustrator.
  2. Creating an interactive prototype from your design.
  3. Seeing your design in action with Live Preview.
  4. Sharing the prototype with others to get feedback.

Design. Prototype. Share

Welcome Screen to start a project

Simple Tool Box the enables you to draw vector-based objects. Create Text frames. Change Fonts and Tracking. Modify Layers. And Create Separate art Boards for prototyping.

Preparing Graphics In Adobe Photoshop and Adobe Illustrator.

Illustrator files saved as SVG
Photoshop Files saved as PNG, JPEG or GiGIF
Use Simple Text for Text Files

Create. Design and Prototype for different Screen using preset.

Prototyping the app using transitions

Linking Screens
Ready for viewing

Before Exporting the project record links by clicking on the top right corner.

Share a link with your clients and peers.

Artist | Designer | Educator| Adobe Certified Expert/Instructor | Adobe Community Professional | Adobe Education Leader | Adobe User Group Manager |

www. | | Twitter:chanam | IllustratorLA

Created By
Chana Messer


Chana Messer, Adobe Stock

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.