The following organizations provide valuable resources for drawing tools and templates that you can use: ==== 4ourth Mobile ==== These are the templates we use every day for designing mobile device interfaces. Includes a numer of mobile components and additional information like typography, for general mobile design. Also includes gesture guidelines, vector handsets for all the major OSs, and a number of handset/OS specific widgets and icons. The illustrations and diagrams in this book were created starting with these components. * [[http://www.4ourth.com/downloads/MobileDesignElements-2012mar29.indd.zip|Adobe InDesign CS4 (.indd) format, compressed zip file, 15.7 mb]] * [[http://www.4ourth.com/downloads/MobileDesignElements-2012mar29.pdf|PDF for viewing, or opening in, Adobe Illustrator, et. al., 1.4 mb]] If you are still working in Macromedia Freehand, the old (September 2009) version is still available. It has Little Springs branding, as that's who Steven worked for when he made it. * [[http://www.littlespringsdesign.com/downloads/mobileDesignElements/mobileDesignElements21sept2009.zip|Macromedia Freehand MX 2004 (.fh11) format, compressed, 1.1 mb]] The actual document used to create the diagrams in this book has also been made available. Enjoy. * [[http://www.4ourth.com/downloads/DesigningMobileInterfacesDI-2011dec9.indd.zip|Adobe InDesign CS4 (.indd) format, compressed zip file, 55.8 mb]] * [[http://www.4ourth.com/downloads/DesigningMobileInterfacesDI-2011dec9.pdf|PDF for viewing, or opening in, Adobe Illustrator, et. al., 5.7 mb]] ==== Fluid UI ==== * [[https://www.fluidui.com/editor/live/|Fluid UI]] Also less of a design tool than a prototyper, where you do design in the tool. The design tools appear to be pretty flexible (you can do impossible things with the widgets) and has a reasonably large set of widgets to place on your designs. ==== Fireworks Wireframing Kit ==== * [[http://www.graffletopia.com/search/mobile|Fireworks Wireframing Kit]] by Hannah Milan. Multiple templates, of different fidelity, as a series of downloads. Not all are mobile-specific (Fireworks, obviously) ==== Graffletopia ==== * [[http://www.graffletopia.com/search/mobile|Mobile UI Stencils]] (Omnigraffle) ==== Justinmind ==== * [[http://blog.justinmind.com/prototyper-helps-overcoming-the-empty-canvas-fear/|Justinmind Prototyper]] a UI design tool itself, but specifically designed to use pre-built widget libraries. Allows you to save your pieces, and share with a team. * [[http://blog.justinmind.com/android-3-2-honeycomb-library-now-available-2/|Android 3.2 (Honeycomb)]] library items now available. As are many others, but I am not going to list them all, just the latest news. ==== Keynote ==== * [[http://keynotekungfu.com/|Keynote Kung-Fu]] Wireframe Toolkit For Keynote. Paid, but only $12. For multiple platforms, including desktop web. * [[http://keynotopia.com/keynote-mockups-templates/|Keynote mockups]] "sketch," wireframe and prototype took for Keynote (and I think Powerpoint and OpenOffice), free with a tweet. From Keynotopia. ==== Mobility ==== * [[http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/|Mobility]] A free set of mobile UI design elements. (Photoshop) ==== Proto.io ==== * [[http://proto.io/|Dedicated mobile prototyper]] of the type where they want you to do all the design in the tool as well. Can preview in more than the usual number of OSs. ==== Punchcut ==== * [[http://punchcut.com/perspectives/expanding-universe-toolset-managing-screen-resolutions|Punchcut Toolset for Managing Screen Resolutions]] a collection of devices of various sizes, in PSD format, to assist with developing content or design at multiple resolutions. ==== Squetch ==== * [[http://www.eleqtriq.com/2010/08/sqetch-wireframe-toolkit/|Wireframe Sketching Kit]] with tools for Browser, iPad upright, iPad landscape, Smartphone, GUI-Elements and Form-Elements. Not sure what some mean, but I guess "Smartphone" means they are trying to not just be iOS, so they get a category. (Illustrator) ==== Yahoo! ==== * [[http://developer.yahoo.com/ypatterns/about/stencils/|Yahoo! Stencil Kit]] many non-mobile parts, but also useful general and iPhone bits and pieces.