Learn how to use the Repeat Grid for both rows and columns.
- [Instructor] You can also use the repeat grid…to repeat horizontally and vertically,…making rows and columns.…And that's what I want to do now.…So this is kind of leave the peaks page.…So I'm going to change this from content…to peaks just by double clicking on it.…And I'm going to do this…for the hikers page.…So there's going to be many hikers.…The photos are going to be square…so I need to adjust that content accordingly.…So selecting the peaks title right here,…Command + D will duplicate it.…Now instead of it being called peaks one,…I can call it hikers,…like that changing the title on the side…to hikers, like that.…
And then I'm going to delete this repeat grid…'cause I'm going to make some new elements.…So using the rectangle tool,…I'm just going to draw out a rectangle.…I'm going to hold down the shift key…'cause I know all of the photos are going to be square…just like pretty much any social media icon these days.…In fact, I want to make it specifically 450…by 450.…And I'm going to just drop the opacity down as well.…
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: Repeating rows and columns