Templates in omnigraffle are premade starting points for different types of documents. If there is a need for many wireframes of the same site or for the same client, it maybe worthwhile to set up a custom template to make this work more efficient. Start with the file menu and select new resource, and then template. Add only the universal elements, generally the background and title. Save the template.
- When we first opened up OmniGraffle…and set up our document, you may remember that we had…choices of different templates to start with…and that there's a number of built-in templates,…some of which are very simple,…like the letter landscape template…we've been generally working with,…and some are actually stylized with different specific…uses that they're intended for.…What we haven't talked about is that you can…make and save your own templates,…and in the example where you might be doing a lot of wire…frames that are for the same site or the same client,…you may want to make a template just for the background…elements that you use over and over and over again.…
So that's what we're gonna do here…and I'm starting with the homepage,…which has the element that we're going to need,…but there's no choice for "Save As Template".…So what we need to do here is start a new template…and then copy and paste in just the elements…that will be part of that template.…So we want to go File, New Resource,…as opposed to New, and New Template.…
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?
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.