In Omnigraffle, complex objects in stencils can be customized. Most complex stencil objects are groups of more basic shapes. To customize these objects, first ungroup them with the ungroup button in the toolbar. Once ungrouped, this individual elements can be edited. When done editing, it is a good idea to again group the objects. For user experience design, it is a good idea to customize these and make them your own.
- [Voiceover] We've got a pretty solid sitemap working here,…but I wanted to show you a technique…to sort of go a layer deeper…and make even more out of the stencils…that we're already using,…I think to great effect, in this sitemap.…And the idea is this, most stencil objects…are simply made up of basic objects…combined together in groups,…and that means if you need to edit some of the details,…you can actually open up the group…and edit what you need to edit.…So, let me shoe you how this works…and then, I've also got a nice trick…for when you've made a change…and you want to implement it in other places.…
So, the idea here is if you really look…at something like one of these page icons,…you'll notice that it's a group,…and I say that because you're able to un-group it.…So if I un-group, now you see these are…all separate parts that can be selected separately.…I'm gonna group them again, or even just use undo.…Because when you have a group like this…you can also double-click to go inside…the group and make edits,…
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.