产品 | Learn Adobe XD

Learn Adobe XD

Collection of video tutorials, articles, tips & tricks for a designer to get started on Adobe XD.

For Beginners

• Get started with Adobe XD (Watch 3min)
  Learn about the variety of resources available directly within Adobe XD. From the Welcome screen, you can access UI kits or a sample file that serves as an in-app tutorial to get you started. Use the starter file to experiment with the design tools, create interactive prototypes, and see how to share prototypes with others.

• Work with Artboards (Watch 2min)
  Learn about the options available for creating multiple artboards in Adobe XD. See how to rename artboards, change their background color, rotate, and change their dimensions.

• Use drawing and text tools (Watch 4min)
  Learn how to use the drawing and text tools. Apply rounded corners to rectangles; change the type, alignment, and spacing of text; use boolean operations to add, subtract, intersect, exclude, or overlap multiple shapes; or change an object’s color or border (stroke).

• Use the Pen tool (Watch 2min)
  Learn about the new Pen tool that was introduced just for Adobe XD. Select the Pen tool to draw custom paths, or use keyboard shortcuts and hints to quickly draw angles, close paths, draw smooth curves, add or remove anchor points, or switch between curved and angled paths. You can even set the color of a shape before you finish drawing it, and use the Property Inspector to further refine the path.

• Mask and import images (Watch 2min)
  Learn how to import a bitmap image, or part of an image, from Photoshop, or use an bitmap directly from Finder. Then, see how to create a custom look with mask and fill options.

• Import SVG (Watch 2min)
  Learn how to import SVG assets from Finder, Illustrator, and other tools. The paths are fully editable so you can change the properties of a vector image after you import it into Adobe XD.

• Use Repeat Grid (Watch 3min)
  Learn how to use Repeat Grid to replicate items quickly in your design. Select a set of objects to repeat, then change attributes and spacing in one cell, and see it adjust across all cells.

• **Export assets **(Watch 3min)
  Learn how to export an individual asset, artboard, or all artboards in a design to prepare assets for handoff to developers for production. Export assets targeted for web, iOS, or Android in PNG or SVG format.

• **Create prototypes **(Watch 3min)
  Learn how to create prototypes by defining interactions between screens in your app. Then, see how to test prototypes using the interactive preview feature.

• **Record prototypes as videos **(Watch 2min)
  Learn how to record a video as you click through the interactions in a prototype so you can share with other developers or stakeholders.

• **Share prototypes on the web **(Watch 2min)
  Learn how to create a unique identity for your prototype and generate a link to share interactive prototypes with others.

Start Designing

• Create designs for web and mobile apps (Watch 8min)
  Learn how to use the drawing and layout tools, such as shapes and Repeat Grid, in Adobe XD to create multiple screens for mobile apps and web. Then, export individual objects or artboards, or all artboards in a document, as PNG or SVG.

• Create and share interactive prototypes (Watch 7min)
  Learn how to add interactions and animations to create interactive prototypes designers can use to validate the user experience. Share with team members and clients to review prototypes from mobile or desktop browsers.

• Use the Pen tool in Adobe Experience Design (Watch 6min)
  Draw custom paths, add or remove anchor points, switch between curved and angled lines, and use other keyboard shortcuts and hints available with the Pen tool in Adobe XD.

• **Export and share **(Watch 5min)
  Export production-ready web and mobile app design assets to share with app developers.

• **Wireframe to high fidelity prototype **(Read 30min)
  Create a low-fidelity design in Adobe XD to define the overall structure and interaction of an app. Then, fine-tune the design to transition to a high-fidelity prototype.

More：https://helpx.adobe.com/experience-design/tutorials.html