Omnigraffle has a wide range of export tools. Access these through the file menu and export. The choices for kinds of export include the image bitmap formats: BMP, TIFF, and JPEG, the vector formats EPS, SVG, and PDF, and HTML export. Frequently, these exports are not a final product, but an intermediate document that can be added to a larger layout.
- [Voiceover] Along with the ability to print our documents,…OmniGraffle also offers some pretty…interesting export options.…I wanna go over what these options are,…but also make the note that frequently I find…that this is a multi-step process…that often I'm really making things that become images…in OmniGraffle and are then laid out…in yet another program,…whether it's HTML for a website,…or something like InDesign…for some sort of more complex document.…So the exports you make out of OmniGraffle frequently…are not the final product.…
Potentially they could be, but often they're not.…We have up here our multi-page, multi-canvas…finished wireframe and what I wanna do…is go up under File and Export.…As you can see we have a number of options here in this list…and I think it's worthwhile to briefly go through…and define each one of these and see what choices…are associated with them.…Because depending on what I click,…you see that I get some different choices down here.…So the first one is image file type,…as many of them are image file types…
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.