![]() Once everything is in place, I export the document to PDF for the client. If I make changes to the wireframe, replacing it in the doc is as easy as dragging the new image into the frame. Once I’ve embedded the image of the wireframe, I add my annotations as a new layer. No need to actually split the wireframe in half. It’s easy duplicate the page, and show the top half of the wireframe in one, and the bottom half in the other. I can adjust the zoom level to make sure that the entire wireframe is visible, or drag the image within the frame to position it. Now all I have to do is drag the image file I exported into this frame. This template has a rectangular shape set aside the wireframe. Once I’ve complete the wireframe, I export the finished design to JPG or PNG at a reasonable resolution. This document is my wireframing canvas, where I now do the bulk of my design work. However, there’s no reason a 1:1 scaling wouldn’t work as well, especially since you can then put the Konigi UI stencils to good use. This keeps the document to a reasonable size, but you do need to keep the scaling in mind as you work. ![]() I’ve created a OmniGraffle document template that’s 512px wide, with the scaling set to 1pt = 2px, for an effective width of 1024px. More Effective Wireframes in OmniGraffle from Viget Labs on Vimeo. I’ve provided a summary of the video below. Rather than break the process down into detailed steps, I recorded a short video that demonstrates how this works in practice. I could create the wireframe as a separate document, then embed it within the documentation template once the wireframe was ready to be delivered. Inspired by Unify, I realized that I didn’t have to do it this way. Since I started at Viget I’ve always developed my wireframes directly in our OmniGraffle template, and have frequently found myself struggling with pages that don’t nicely fit inside the frame we created for the design. I was intrigued by one idea in particular: keeping wireframes and wireframe documents as separate files. Recently, I’ve been following along as the documentation geniuses at EightShapes have developed and released their InDesign-based documentation system called Unify. In that time I feel like I’ve gotten pretty good at using it efficiently, but I do try to keep an eye out for new tips and tricks. I’ve been using OmniGraffle as my primary tool for wireframing (and most everything else) for about 3 years.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |