Join Jason Osder for an in-depth discussion in this video Using lines, part of OmniGraffle 5: Creating Web Sitemaps and Wireframes.
When we think about classic information architecture, the phrase "boxes and…arrows" comes to mind.…Those classic flowcharts that show the path for a web site, and that's exactly right.…In OmniGraffle, the boxes are generally shapes, and the arrows are generally lines.…So let's really see how lines work.…Give the Line tool a single click, and that will activate it for single use.…Now, click a shape on the canvas, and now we've started our line.…
You can see as I move the pointer now, the end of the line moves around, and if I…move to a shape, that shape becomes highlighted.…If I click that shape, I've now ended my line.…Also, we revert to the Selection tool because the Line tool was active for only a single use.…Now, if I move either of my shapes that are connected, the line moves with…them because it's smart. It's not just a piece of the drawing; it actually…connects these two shapes.…If I select the line itself, it becomes highlighted, and I also see a red and…a green dot, indicating the beginning and the end of the line.…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.