Interactive Sketching Notation

screenshotThe interactive sketching notation is an emerging visual language which affords the representation of interface states and event-based user actions. Through a few simple and standardized rules, what the user sees (drawn in greys and blacks) and does (drawn in red) are unified into a coherent sketching system. This unification of both interface and use, intends to enable designers to tell more powerful stories of interaction. Grab the latest Illustrator template and instruction files below:


iconPurchase & Download v1.2 for $19 CAD

Contains an Adobe Illustrator CS4+ Template with all the symbols, icons, widgets and character styles ready for electronic sketching. Also contains an introductional PDF. All future versions updates will be included free of charge.
iconDownload Font

The Miso Typeface is a freeware font that I highly recommend along with the template.


New in v1.2 of the Illustrator Template:
Icons
Screens
Widgets



divider


Don't need the Illustrator template? Download Introduction PDF Only. The standalone introduction explains the notation should you wish to sketch in your own tool of choice.
Creative Commons License
Interactive Sketching Notation by Jakub Linowski is licensed under a Creative Commons Attribution-Share Alike 2.5 Canada License.

divider
Last Updated: November 5, 2011