Touchscreen Gesture Icons

April 21st, 2009


Recently, quite a few representation about human activity have been merging in with the wireframe. Similarly, here is a template which contains various possible gestures on a touchscreen. Elaine came up with interesting ways to represent: taps, double taps, drags, flicks and pinching. Unflattened PNG can be grabbed from here (Elaine says: “I’m okay with people using the images for wireframes, presentations and educational purposes, but no modifications please”).

On the same note, Dan also posted another gestural icon set over here.

Credits: Elaine Chen

8 Comments:


  1. What a fascinating depiction! I especially love the use of the gradients on flick and pinch, and the use of a half-tone so as not to blow out the blacks. Very very well done.

  2. Thanks,very useful, I linked your blog;)

  3. This is a really great example of how to portray gestures on a mobile device. The link above only shows one, is there a way to see the set?
    Great site! Thanks!

  4. Hey Shawn. I think you have to open it in Fireworks, and then look at the various "States". There you'll have all of them. Cheers. Jakub

  5. Erinah on said:

    Only in Fireworks? :(
    Even Photoshop can't see its various states.

  6. jspadaccini on said:

    There a set of hundreds of gesture icons and vector illustrations that are free to use on the GestureWorks website.
    http://gestureworks.com/features/open-source-gest…

  7. what about the 5 point touch screen ? and what is the ips screen tablet ? Thanks