Canvases are individual separate pages in an Omnigraffle document. Layers are different layers of information, similar to what one finds in Photoshop or many drawing programs. Both canvases and layers can be accessed in the sidebar. The sidebar is shown or hidden with a button on the toolbar. Both Canvases and layers are especially useful when making wireframes.
- [Voiceover] I want to take about canvases and layers which are showing up here in the side bar. As you can see we've skipped way ahead in this course to use our wire frame that we're gonna build later as the example. Don't worry, we're gonna go over how we got here, I just really want to show you while we're talking about commonly used tools, how important canvases and layers can be. Now I've opened up my side bar here, and that button is right there, so if you don't see it just go ahead and click it.
Now, what you see in the side bar is access both to canvases, which are on the top, and layers, which are on the bottom. We'll be working with these in detail, but for now I want you to see where these are, which is in the side bar, and also what they represent. Canvases are essentially like different pages. So I've got my home page that I've wire framed, and I've also got a content page that I've wire framed. They are really like separate pages in the document.
And then the other thing I have is access to my layers. You'll notice when I click between the two different canvases, the layers available to me down here, they change. I can also scroll down right here, and see the layers that are associated with that canvas. Layers are what are commonly known as layers in other programs, you can see them in detail here, you can scroll them down to see all the elements in a specific layer, and you can have various controls.
As you can see, I can show or hide individual layers and there's other controls here such as locking a whole layer, whether a layer is printable. If you want to get really in depth with all the detail tools, I recommend taking a look at the essential training. Now remember, we're gonna build all this stuff later, and get into it. For now, I just wanted you to see where canvases and layers manifest, and what they do.
Join Jason Osder as he demonstrates how to use OmniGraffle 6. He shows you how to use basic features, like adding lines, shapes, and text, to create diagrams of page layouts, or wireframes, in addition to advanced features, like working with stencils and templates. He lets you know when he is showing a pro-version feature, like presentation mode and subgraphs, so you can adjust accordingly. Along the way, you'll learn how to improve your documentation by eliminating unnecessary elements to help readers visualize all of a site on one page. As an object-based diagramming program, OmniGraffle has features for executing UX and IA documents. Creating other documents, like use case scenarios, content maps, and models, is also covered.
- Setting up document files
- Aligning and distributing lines, shapes, and text
- Using canvases, templates, layers, and stencils
- Making sitemaps to organize information
- Creating wireframes to diagram page layouts
- Designing for mobile
- Building content maps and conceptual models