Made for web designers
An OmniGraffle Pro (version 5) template for User Experience Designers with the formats you'll need most for interface and interaction design. The doc is sized so you can work at 100%, and print at 8.5" x 11" or 11" x 17".
The masters you need
In this template you'll find shared layers (masters) for a title page, wireframe, wireframe/storyboard hybrid, simple storyboard, and storyboard with notes. Column guides and a regular grid make it easy to use and keep your layout tight.
Download for free
This document is free to use, but may not be distributed for commercial purposes without permission. To use, unzip the file in your ~/Library/Application Support/OmniGraffle/Templates directory.
Download the template.
Frequently Asked Questions
Q: How do I print these large documents?
A: When printing, do this in your print dialog:
1) select the Paper Handling options from the drop down menu
2) check "Scale to fit paper size"
3) check "Scale down only"
Illustration:
Your document should now print at the right scale for whatever paper size you use. Keep in mind that that template is made ideally for projecting on screen and for printing on 11x17 paper.
Purchase OmniGraffle Pro
This template requires the Professional version of OmniGraffle. You can purchase OmniGraffle 5 from the OmniGroup.
Comments
08/28/08 @ 00:01
[...] OmniGraffle UX Template | Konigi "In this template you'll find shared layers (masters) for a title page, wireframe, wireframe/storyboard hybrid, simple storyboard, and storyboard with notes. Column guides and a regular grid make it easy to use and keep your layout tight." Nice .graffle templates for UX designers. (tags: design ux omnigraffle template layout prototyping ) [...]
09/16/08 @ 12:25
i was having trouble opening the template in OG 4. I renamed the file extension to .graffle instead of .gtemplate and it worked fine.
09/16/08 @ 14:25
I am able to use these templates with OmniGraffle-5.0
Thanks!
09/16/08 @ 15:38
@Brian Mulloy: Thanks for the tip for OG4 users. OG4 is a superior interface in many respects, so I'm glad people are still able to open it, but unfortunately because of the redesign to use shared layers, the masters will not work out correctly. You won't have combinations of masters, so you won't see the header/footer on each, for instance.
09/29/08 @ 23:16
These look amazing, however what's the meaning behind the numbers 1-24 at the top of the wireframe template?
09/30/08 @ 01:49
@Tony Summerville: Ah, the numbers. Most frequently asked question on the UX template and in the wireframe graph paper. Those are column numbers for a 24-column grid layout, which allows you to divide the wireframe in common divisions of 1/4's and 1/3's, e.g. 25%-75%-25%, 33%-66%, 50%-50%, etc. Turn on guides (View > Guides) and you'll see guide lines for the columns. If you don't need these, just remove them from the shared layer.
10/01/08 @ 14:40
[...] also have a OmniGraffle UX template for User Experience Designers with formats you’ll need most for interface and interaction [...]
11/06/08 @ 18:52
This template is so incredibly useful. Can't thank you enough!
11/08/08 @ 13:09
Thank you, very useful.
11/17/08 @ 18:04
[...] The Free Download: “Made for Web Designers. An OmniGraffle Pro (version 5) template for User Experience Designers with the formats you’ll need most for interface and interaction design. The doc is sized so you can work at 100%, and print at 8.5″ x 11″ or 11″ x 17″.” [...]
Post new comment