For some projects, you may want to align artwork and content to a grid in InDesign. This grid can be used in conjunction with guides or as a replacement—depending on how you wish to work. In this video, you’ll see how to turn the grid on and off and set the properties for it to match your working needs.
- [Instructor] When working on certain projects where precision and alignment really counts, you can align artwork and content to a grid in InDesign. This grid can actually be used in conjunction with guides or even as a replacement and it really depends on how you want to work. In this video, I'll show you how to turn the grid on and off and set a few properties for it to match your working needs. With the exercise file open, you can see we've got a single page out here. If you come up under View, you're going to see that we have what's called Grids & Guides. Now, you've probably worked with guides before.
Guides are pretty easy to drag out and create, but you'll see that we also have what's called a document grid. If you show the document grid out here, you'll see it show up. It has a set value, if you will, spacing between each one of these lines. If you zoom in, I'll zoom in up here on the corner a little bit, and you can see that it's set up in a grid. Now, if we create an object and we go out here and start to work with it, you can actually snap to that grid. Now, just because you see the grid doesn't mean you're snapping to it. So if you come under View, come to Grids & Guides, you'll see Snap to Document Grid.
Turn that on, and if you start dragging things, you'll see it snap. Come over to the Tools panel, and let's create a rectangle frame, just really quick, something so we have it. And if you click and drag out here to start to create, just create a quick rectangle. Then go up to Fill, and let's pick something we can see, like red or something like that. You'll notice the colors are in RGB, which is good. And then go to the Selection tool. If I click on that, and start moving it around, you're going to see that you can feel the edges snapping to the document grid.
If you drag an object from the edge for instance, you will see it also snap. So you can make it so that as you create content, if you notice the arrow turns white, it will allow you to snap to the grid. This can make it so you can have a series of objects, for instance, let me zoom out, a series of icons or something like that, a series of text frames, whatever happens to be, and line it up pretty easily. Now you're going to see right up here, that it is starting zero zero in the corner. It's kind of working its way across. The grid is not fitting perfectly to the page but we can do some things to kind of change that up.
If you come under InDesign CC, Preferences, or on Windows, go into Edit Preferences, you'll see Grids. For the document grid, right now it's a light gray. You could go in and make this thing like a full-on gray if you really wanted to. So you could say gray. You're going to have to go out and actually click OK to see that. So if I chose another color you won't see it, right? You could choose a different color. Maybe you want it to be more prominent. You can also the horizontal/vertical grid lines. So right now, if I move this down a bit so you can see it, you can see we have eight subdivisions.
So there's actually eight subdivisions per grid line. So these larger lines here, these are the grid lines. You could come into the subdivisions and say, "Well, you know what? "I only want maybe one subdivision or something like that," and if I click OK, let me pull this up a little bit, click OK to see that, you'll see what it does. It's only going to put one line every 72 pixels and have no subdivisions going horizontally. So you can set this up as simply as you wanted to, or as dense as you want to.
I'll go back up to the Preferences, and go to Grids. You could also do a little math if you wanted to. You could say, "Well, if I look at my document up here, my document is 750." I can actually go in here and type in 750. I want to divide it by maybe 10 or something like that. You can then divide it by 10 and say grid line every 75. That way you'd have them fit perfectly if you want to across the width of the page. Then have a series of subdivisions, and it would need to work out mathwise, so I'll say five for instance.
And you'll notice actually there's a setting here called Grids in Back. It'll put it behind the contents so it doesn't overlay. Sometimes you want the grid to be on top of your content to make it easier to see. If I click OK, if you want to you can change that, grid line 75, subdivisions five, you could vertical as well if you really wanted to. Actually let me do that. I'll go to 75, and then go five. Click OK, and you can see what it does. So it's actually fitting now to the page dimension. So if you want to work with a grid, we can, I'll zoom into this object, know that, you know, as you create and you work, it's going to want to try to snap to it, and you're going to want to create objects that are going to fit to the grid line.
That's why you're using it. But you can if you want, turn it off. You can not show it. You can use it just at certain times if you want to do that. Come under View, come to Grids & Guides. You can also hide the grid and still snap to it if you want to do that, but let's do this. Going forward, we're probably going to wind up using more columns. We're going to create a little bit more low-fidelity prototype, low- to mid-fi, so we're not going to be using this. You can turn off snap, come back under View, come to Grids & Guides, and hide it.
I don't always align to a grid in InDesign. Like I said, it could be a low-fidelity prototype where it doesn't matter quite as much, for instance, but when precision does count, maybe for app design, working with icons, that type of thing, I will use it. With the document created and the grid set, next you're going to add column guides to your project.
- Setting InDesign preferences
- Creating InDesign files
- Creating reusable artwork and formatting
- Creating a content library with CC Libraries
- Creating wireframe screens
- Setting up alternate layouts
- Creating a prototype
- Working with multistate objects
- Creating animations
- Exporting prototypes to interactive PDF and Publish Online