Learn how to create graphics in Adobe XD using the drawing tools.
- [Instructor] When it comes to creating…graphics in Adobe XD, it's done pretty easily,…just using these tools right over here in the tool bar.…In fact, what I want to do, is I want to create like,…a navigation bar and then draw a magnifying glass.…So I'm going to use the rectangle tool right here.…And I'm just going to click and drag and go from edge to edge,…and you'll start to feel it snap into place.…And I want to have it about 90 pixels high,…and the length of this art board.…But I didn't get it exactly right.…Well you can always use your selection tool…and have it snap into place,…but as for the height, what you could do,…is you could go right over here with it selected,…and change the height to 90.…
So you get all of the various coordinates…and then all the specifics of…anything selected right over here.…In fact, I don't want it to have a border,…so I'm going to uncheck that and I'm going to give it a fill color…of black, and notice how I can change the transparency too.…So I can kind of drop that down a little bit, about 78%,…
Author
Released
2/15/2018- Using the Adobe XD workspace
- Creating and importing graphics
- Adding text and effects
- Creating multiple screen layouts
- Designing for mobile
- Repeating elements using grids
- Prototyping a single interaction
- Prototyping an entire website
- Making content scroll
- Recording a video of interactions
- Sharing prototypes
- Exporting artboards and assets
Skill Level Intermediate
Duration
Views
Related Courses
-
Persuasive UX: Ethics of Persuasive Design
with Chris Nodder17m 31s Intermediate -
User Experience for Web Design
with Chris Nodder1h 49m Beginner -
UX Foundations: Accessibility
with Derek Featherstone1h 20m Beginner -
Building and Maintaining Your UX Design Portfolio
with Diane Cronenwett15m 54s Intermediate
-
Introduction
-
Welcome1m 22s
-
-
1. Creating Graphics
-
Understanding the workspace1m 35s
-
Importing bitmap graphics2m 17s
-
-
2. Adding Text and Effects
-
Adding text and fonts3m 16s
-
Adding effects2m 35s
-
-
3. Creating for Multiple Platforms
-
Creating multiple screens2m 31s
-
Designing for mobile4m 14s
-
Using graphics from UI kits4m 12s
-
Creating content screens4m 2s
-
-
4. Repeating Content
-
Repeating rows and columns4m 27s
-
Creating and using symbols4m 21s
-
5. Prototyping
-
6. Sharing and Exporting
-
Sharing on mobile1m 52s
-
Conclusion
-
Goodbye28s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Creating graphics