Lines are one of the fundamental units used in making user experience design documents in Omnigraffle. Lines are useful to connect shapes to each other. Lines are dynamic. Once a line is connecting two shapes, they stay connected even if the shapes are moved. Line styles, such as color, weight, and dashed, can be adjusted in the lines inspector. Lines also have endpoint styles that can be adjusted in the lines inspector.
- [Voiceover] The next fundamental element…we want to work with is lines.…And, like shapes, lines are what they sound like.…They are lines to connect different objects to each other.…So let's give one click on the line tool.…And it's right next to the shape tool…and again, I'm gonna click once,…which will be a single use.…And then I'm just going to click one shape first,…and a second shape.…And these are now connected by a line.…Because we chose a single use,…we've reverted back to the Selection Tool…and I can demonstrate that these are…really connected as two objects.…
The line is a living thing.…It moves with the objects, they are connected now.…I'm now gonna click twice on the line tool…and that's gonna give us persistent use.…What that means is,…it won't revert back to the Selection Tool…and we'll be using the line tool…until we choose something else.…So now I've got persistent use.…And it is worth looking at our different styles…that are available.…So we're working with a straight, obsidian line.…We can also add things like arrows and a dotted line.…
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.