Join Jason Osder for an in-depth discussion in this video Aligning and distributing , part of OmniGraffle 5: Creating Web Sitemaps and Wireframes.
Do want your sitemaps and wireframes to look really professional?…Well an important key is alignment and distribution.…That's just getting all of the objects to line up in nice straight lines and…getting the spacing between them nice and even.…It seems like a small thing, but it does a lot to add professionalism and just a…good look to your diagrams.…I have got a really basic sitemap here.…We probably have the tools at this point to draw something like this, and it…does convey some important information, but it doesn't look particularly neat,…and that's what I want to work on.…
There's a couple of ways to work on alignment and distribution in OmniGraffle,…and one that I like is called snapping.…Observe that as I move items, you'll see snapping lines. You see there is that…blue one, and sometimes I will see a pink one.…The pink Snapping line always indicates alignment to the canvas.…So right now this HOME shape is directly in the middle, and that's great - right where I want it.…I also see snapping lines when things align to each other.…
- 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.