Learn how to create multiple content screens using Adobe XD.
- [Instructor] Now that I have my home screens set up…for all devices, I now want to make a content screen.…So I'm just going to zoom in,…Command + on a Mac,…Control + if you're on a PC.…Zoom in on this home screen…and I'm going to use this as a starting point.…So with it selected, just clicking on the title there,…I can do Command + D to duplicate.…If it puts it anywhere else,…know that you could always move it around,…but I'm going to position it right below there…and I'm going to call this content, right.…So, just making a generic content screen.…
I need to decide what needs to be there…and what doesn't.…I need to, sort of, remove the title…'cause that's not necessary.…What about this background?…Well, may or may not be needed.…I'm going to shrink this down…and this content here,…this is really what I want, okay,…and what I even want to do…is I want to make sure everything is on black.…So I'm going to select the content title…and I'm going to change the fill to black, okay.…So this looks really nice and crisp.…
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 content screens