Shapes are one of the fundamental units used in making user experience design documents in Omnigraffle. Make a shape using the shape tool. The recently used menu has style choices that have been used recently. The objects inspector has more detailed choices, for shape, stroke, color, fill, and the attributes of the object.
- [Voiceover] One of the fundamental elements you'll be using in pretty much all of your OmniGraffle documents is the shape, and it's pretty straightforward. I wanna get some going here using the shape tool, and if you give this just one click, you're gonna get what's called a single use of the shape tool, and you can see the tool is defined right now as a square or a rectangle. So as soon as I drag it out, that's exactly what I get is a square or a rectangle. And because I did a single use, I have now reverted back to the selection tool.
By the way, if you need any brush up on the tools, you can always check in with the OmniGraffle 6 Essential Training, which goes deep into every single tool. So talking about shapes, if we double click, we get persistent use of that tool. And if we scroll down here, we can see different styles of shape that we can make. And the thing about this list is it will continue to update as you work. So it's really a list of recent styles and things that you've used.
But for now, if we want rounded corners, it's very easy to get rounded corners, and now, because we did persistent use, we can make several of these. And you can see the basic shapes come up very easily. It's going to be very easy to manipulate these, as well. But the real thing to understand about shapes is once they're established, and I'm gonna move back to the regular selection tool or arrow, they are shapes, they are known as their shapes. So unlike, if you're familiar with a vector-based program like Illustrator or a pixel-based program like Photoshop, it understands the images as either a vector, which is a combination of lines and points, or as pixels, and these are vectors and they are pixels on some level, but in OmniGraffle, they're really shapes.
They're objects, and later on, they're known as objects. So when you connect them with lines or append text to them, all of that travels together, and that's really one of the keys of OmniGraffle is understanding that these shapes are objects now, and they can move around and be manipulated as objects. Shapes are gonna be one of the essential building blocks for all of our documents.
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