Subgraphs are an interactive tool in omnigraffle that allows one to create a collapsible container for multiple objects. Select multiple objects and then group as subgraph in the arrange menu. Right click on the subgraph to collapse and uncollapse. Subgraphs can be stylized like other objects in Omnigraffle. Subgraphs only work inside the omnigraffle interface, which is a limitation.
- [Voiceover] Our sitemap is getting really close…to being done.…I just want to share one more technique…that's kind of neat, but also kind of limited.…It's called subgraphs, and it's another approach…to when you have excess content,…or too much content for the page or…just want to neaten things up.…So let me show you what it is,…and then we'll talk about how it works,…but also some of the limitations.…So, I want to take these three pages…and condense them.…And if I select, they're already grouped,…so let's ungroup them and select…just these three and make it into a subgraph.…
So we're going to go to arrange and down by group…and we have no keyboard shortcut, and no button,…but we do have a menu choice for group as subgraph.…Now that this exists, we can right-click on it…and it can be collapsed,…or it can be expanded.…The other thing to remember here,…and I'm gonna go ahead and collapse it…is this can all be stylized.…So it can be called the appointment subgraph…and if we choose to, we can use some tricks…that we've already learned to stylize it.…
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
Skill Level Intermediate
1. Commonly Used UX Techniques
2. Create a Sitemap
3. Advanced Sitemap Techniques
4. Wireframe the Homepage
5. Complete the Wireframe Process
6. Additional UX Documents
7. Presentation and Export
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take 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.