Kick It

Search

Categories

Archives

RSS Feeds

All posts
All comments

Latest Tweets

Touchscreen Stencils

Amazon has started to deliver copies of my new book Designing Gestural Interfaces and the book will supposedly be on shelves tomorrow. In honor of that, I’m releasing some drawings my friend Rachel Glaves did for the book, suitable for using in documentation. Especially useful for those of us who can’t draw well, the drawings are of hands performing common touchscreen gestures like tap, slide, point, drag, pinch, and spread.

OmniGraffle Stencil

Illustrator CS3

Photoshop File

Visio stencils courtesy of Zef Fugaz!

Fireworks PNG Stencils and SVG Stencils courtesy of Enrico Berti!

New! Axure versions, courtesy of Abhay Rautela at Cone Trees! Project File and Stencils for Widget LIbrary

Order Designing Gestural Interfaces on Amazon

Enjoy!

This was written by Dan. Posted on Tuesday, December 2, 2008, at 6:40 pm. Filed under Interaction Design, Touchscreens. Bookmark the permalink. Follow comments here with the RSS feed. Both comments and trackbacks are currently closed.

8 Comments

  1. Meredith wrote:

    Thanks Dan - just bought the book.
    Congratulations.

    Tuesday, December 2, 2008 at 4:46 pm | Permalink
  2. Rachel Glaves wrote:

    And here’s the picture of me working on them:
    http://flickr.com/photos/pepperlime/2603598952/

    :)

    Tuesday, December 2, 2008 at 5:33 pm | Permalink
  3. zef wrote:

    Thanks for these. I’ve converted these in to a Visio stencil so let me know if you’d like a copy.

    Tuesday, December 2, 2008 at 6:06 pm | Permalink
  4. Jason Sack wrote:

    Oh this is a great present to the IA world. Thanks! Adding to my graffle library now.

    Jason

    Wednesday, December 3, 2008 at 1:06 pm | Permalink
  5. blinX wrote:

    would love to get a copy of the Visio version

    Thursday, December 4, 2008 at 6:59 am | Permalink
  6. Aritz wrote:

    I would also love to get a copy of the visio stencil

    Thursday, December 4, 2008 at 7:04 am | Permalink
  7. blinx wrote:

    Does anyone have visio stencils for iphone?

    Wednesday, January 21, 2009 at 9:09 am | Permalink
  8. France Rupert wrote:

    Sweet stuff, especially the view of using Photobooth. Have converted to InDesign CS3 Library, let me know if you’d like a copy.

    Sunday, February 15, 2009 at 7:15 pm | Permalink

3 Trackbacks/Pingbacks

  1. Leapfroglog - links for 2008-12-03 on Wednesday, December 3, 2008 at 5:02 am

    [...] Links on 3 December 2008 with no comments Touchscreen Stencils Drawing hands is a bitch indeed. I prefer to do it myself, but for those who prefer ready-made [...]

  2. Designing Gestural Interfaces :: Touchscreen Hand Gestures Stencils on Wednesday, December 3, 2008 at 1:31 pm

    [...] on the Kicker Studio blog, I’ve posted some touchscreen hand gestures suitable for documentation. If you find drawing hands a pain, these could [...]

  3. » jive - Featured in Designing Gestural User Interfaces. on Friday, January 9, 2009 at 10:27 am

    [...] recommend the book, but you can get a lot from the web. You can download the first chapter, and gesture stencils from the website.  Ow. And don’t forget you can download the source to build your own [...]