Join Justin Putney for an in-depth discussion in this video Using the Layers panel, part of InDesign for UX Design (2014).
In this video, we'll take a look at the Layers panel. The Layers panel allows you to organize your content, and also allows you to control high level stacking in your Wireframe. I've got the same Wireframe document open, you can also find it again in the Start folder for this video. To access the Layers panel, just go up to Window, and choose Layers And you could see there's already quite a bit of organization in this document. One nice aspect of organizing with layers, you can see right away that each layer has a corresponding color.
And that color is shown around the edges of the items within the layer on the page. You can expand the contents of a layer by clicking the triangle to the left of the layer name. Let's do so with the Video Thumb Grid. Also going to increase the size of the Layers panel so we can see a little bit more. And you can see every item that's inside the Video Thumb Grid. When I click on an item in the layer, the indication that the item is selected is the rectangle on the right side of the layer. I can actually make a selection by clicking on the rectangle.
I can also expand groups to see the sub-contents inside them. I can move items within groups and within layers. So, here I've just moved the rectangle in front of the triangular icon. And I'll move it back. So not only is the Layers Panel useful for organization, but it can make it much easier to arrange objects in your document. You can move items within layers. You can move items outside of layers. And you can move an item from one layer to another. Layers are often used to distinguished between different types of content. So you can see that the content in this document is organized by category and the category has been given a name in each layer.
It makes it really easy to hide individual aspects within the layout. Now that we've got the basics of the layers panel, let's take a look at how we can use layers to create application states for a UX prototype in the next video.
- Setting up your InDesign files
- Creating shapes
- Stacking and grouping artwork
- Adding placeholder text
- Adding interactivity and motion to wireframes
- Creating responsive wireframes
- Using master pages and object styles
- Exporting wireframes for clients and developers