Adobe XD CC Designing and prototyping user experiences for websites and mobile apps

Designing and Prototyping with Adobe XD CC

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:

  • Creating a prototype for website or using any device with Adobe XD.
  • Using Templates and Wire Frame.
  • Working with XD new features: Symbols, Libraries & Layers.
  • Work with colors and gradients. Import colors form CC Libraries.
  • Workflow with Adobe Photoshop and Adobe Illustrator.
  • Creating a link to show the client the final product.
  • Publish Prototype
  • Publish Design Specs
  • Manage published Links

Attendees can bring their own images and graphics and can work toward creating their own prototype based on the class demo.

Design. Prototype. Share

Welcome Screen to start a project

Simple Tool Box that enables you to draw vector-based objects. Create Text frames. Change Fonts and Tracking. Modify Layers. Create Separate art Boards for prototyping. Workflow with Adobe Creative Cloud Libraries.

Creative Cloud Libraries
Art Boards
Layers, Assets, Colors

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
Make Comments and share ideas
Exploring prototype on the XD Dash Board

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

Share a link with your clients and peers.

Share your Ideas & Suggestions https://adobexd.uservoice.com/

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

www. chanamesser.com | chana.messer@gmail.com | 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.