Join Jason Osder for an in-depth discussion in this video Using subgraphs for excess content, part of OmniGraffle 5: Creating Web Sitemaps and Wireframes.
When sitemapping, it's typical problem to run out of room for all the content…that you have to display.…We've already looked at some visual ways of dealing with this problem, but…OmniGraffle has another tool called subgraphs that actually lets you take…separate objects and collapse them down in to an object called a subgraph.…It's just another way of dealing with this problem using interactivity…instead of visual design.…Let me show you how subgraphs work.…This sitemap is being built, and we are starting to run out of room with these…six different options under the small flower arrangements.…
Now technically, they all fit, but if we add any more, or if we start adding six…to Medium and six to Large, we're really going to run out of space here.…Instead of fixing this visually, I am going to select all six, and then I am…going to make them in to a subgraph.…So that is Arrange > Group as Subgraph.…So that's what a subgraph looks like, and I can change its name to something appropriate.…And right now it just looks like I've put all of my content in another box, but…
- Developing for interactive media
- Using shapes and lines for information architecture
- Working with text
- Using and customizing stencils
- Aligning, grouping, and locking objects
- Using automatic layouts for sitemaps
- Positioning content elements
- Iterating wireframes based on feedback
- Wireframing for mobile devices
Skill Level Beginner
1. Using OmniGraffle for Wireframes and Sitemaps
2. Common Techniques for Wireframes and Sitemaps
3. Building a Sitemap
4. Building a Homepage Wireframe
5. Completing the Wireframing Process
6. Advanced Techniques
- 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.