iPhone sketching tools

9 Jun 2009 - 1:09pm
4 years ago
5 replies
1973 reads
Suzanne Ginsburg
2009

Hello everyone,

I’ve been experimenting with a variety of tools & templates for
creating iPhone app designs. Balsamiq is clearly the most “sketchy”
and well-suited to the concept phase. The templates for Omnigraffle,
Fireworks, and Illustrator will create higher fidelity designs. The
tool you choose will depend on a number of factors such as the type of
application, the level of customization needed, and of course, your
preference.

Links below & sample sketches online: http://www.iphoneuxreviews.com/

Enjoy!
Suzanne
-------------------------------------------

Balsamiq
The web- and desktop-based versions both support iPhone templates and
have a wide range of widgets and icons. They recently added the
ability to “link” mockups, enabling you to add basic interactivity. I
linked my sketches and created a quick video showing how users could
interact with the UI–super easy & fast! The link below summarizes
Balsamiq’s iPhone specific features.

http://www.balsamiq.com/blog/2009/03/01/iphone-controls-new-icons-and-much-more/

Omnigraffle
Graffletopia has a variety of iPhone templates but my favorite is the
“Ultimate iPhone Stencil.” The collection has excellent coverage,
plus text can be edited and buttons resized. You can also link your
Omnigraffle sketches to add basic interactivity.

http://www.graffletopia.com/search/iphone

Fireworks
Blog*spark put together a toolkit for creating iPhone mockups in
Fireworks. Aside from the phone background, all elements have been
redrawn as vectors for easy editing. Linking supported by Fireworks
(TBD what happens with Catalyst!)

http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/

Illustrator & Photoshop
Mercury Intermedia also created vector based templates. Haven’t tried
these out but their site visitors seem to like them! They linked to
teehan+lax for Photoshop templates.

http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements/
http://www.teehanlax.com/blog/?p=447

Good luck!

----------------------
work: http://www.ginsburg-design.com
blog: http://www.iphoneuxreviews.com/
twitter: http://twitter.com/suzanneginsburg

Comments

9 Jun 2009 - 2:42pm
Christian Sosa-Lanz
2006

I think you left out PENCIL. It can be the quickest and most creative tool. If you use a super cool LiveScribe Pulse Pen, you can transfer the sketches effortlessly* and then even add some prototyping effects with Fireworks or Catalyst.

10 Jun 2009 - 11:23am
Suzanne Ginsburg
2009

Thanks for your comment, Christian. I should have clarified my post:
I always start with pencil or pen, but I eventually move into some
type of electronic format since it's easier to share with remote
teams. My goal was to summarize some electronic options & their
corresponding templates. I updated my blog to reflect your concerns.
Thanks!

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=42705

10 Jun 2009 - 3:37pm
Neil Cadsawan
2008

For both Christian and Suzanne (for your pencil sketching mode):

http://www.tuaw.com/2009/06/10/sketch-an-iphone-app-ui-with-special-stencil/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=42705

10 Jun 2009 - 9:12pm
j.scot
2008

Perhaps others posted indirect links to this, but I just bought one
today.

http://www.designcommission.com/shop/iphone-stencil-kit/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=42705

8 Apr 2010 - 1:56am
Albert
2010

I love the look of this app. And i love my iphone. Great effort from Photo shop. But the iphone needs to takes decent pictures for me to really take advantage of the power of mobile photoshop. Although a prototyping tool that you can use to create interactive prototypes for i Phone app is FlairBuilder.

Syndicate content Get the feed