If you've been following this blog, you may know how I've wanted to do sketch/jitter line styles in OmniGraffle to produce sketchy diagrams and wireframes. After David's demo of his method for doing sketch shapes on the Design Commission blog got me started figuring out how to get the effect natively in OG, I've started to finally create sketch versions of the Wireframe Stencils. Above is a screenshot of the forms set. I expect this will take me a few days, but hope to release these in a few weeks.
Been using your other stencils since our whole office jumped on board to Omnigraffle. Your stencils were the main reason we did :D.
Keep these coming!
Cool, Mark! I once got hired on a job because of those stencils. Glad you're digging them. Always happy to get suggestions for improving them. -m
Thanks, Theresa. I use Balsamiq as well and love what Peldi has done with that tool. The OG stuff is great for people who like that way of doing wireframes.
Love the book, by the way.
Very cool. Would certainly see myself using these. Will these work with OmniGraffle 4 as well?
Humorous side note: I could see someone in the Mac OS X theming community taking these and repurposing them as a system GUI theme. Along those lines... I always though the Newton OS did a good job of balancing the "sketch"/cartoon look with a more standard system UI look'n'feel.
They should work in OG4, Shawn. I think all that is needed for OG 4 is to change the .gstencil extension to .graffle. The Newton was cool. I know someone years ago who bought an old used one to do sketches on.
Where can we view David's demo?
David's demo is here: http://vimeo.com/2546994
I'm using a different method in OmniGraffle: http://konigi.com/notebook/omnigraffle-sketch-style-screencast
I'm not convinced any more design work should go into a wireframe than is absolutely necessary. My understanding of the purpose of a wireframe is to demonstrate a concept. After that's achieved, the wireframe should basically be discarded in favor of the real implementation.
Don't get me wrong, I'm impressed with the stencils....but I feel that actual visual design effort should be spent on the implementation of a wireframe, not so much the wireframe itself.
@AFCOOL83 The goal is to render a wireframe with a sketch like effect so the client doesn't have the impression of a final product.
Spending time on a stencil isn't the same as spending time on a wireframe, quite the oposite in fact, the more your stencil is well thought the less time you'll spend tweaking it while building an actual wireframe.
@JIBBAJABBA Very cool stencil, I'm looking forward to play with it.
@AFCOOL83: I agree completely with @SVEN. This sketch set is based on the stencils I've been evolving for years now. I continue to improve that set so that all I ever need to do is drop shapes into document to demonstrate the concept.
The purpose of the sketch style, however, is to prevent the intended audience from thinking about design and focus on functionality and behavior proposed. I've experienced presentations where clients/team members get so focused on the visual appearance and aesthetics of the wireframe that that becomes a factor in the review. Sketches attempt to remove that possibility. And visual designers can be freed to make those decisions.
[...] Angeles is starting work on his OmniGraffle Sketch Stencils, this could be very handy when trying to communicate to clients that we’re not doing visual [...]
[...] wish the web looked like this! See it on Konigi Tags: ia, sketch, [...]
@sven @jibbajabba I see ya'll's point. This is more of a 'sharpening the sword' kind of activity. I can admit I've developed a little stencil kit with the common shapes and things I grab for when I'm doing product design for http://www.wieck.com. Here's a peek:
Admittedly some of these elements have been swiped from other wireframe stencils that have been released, but a few are of my own design. There's some famfamfam icons in there, some social-bookmarking logos in there, video-transcode badges, and a set of flags for use with our localized products.
Comments