Consultants Network

Free Editable iPhone Design Elements.

iphoneelements-yahoo

Welcome to our special iPhone tips edition. This Monday in San Francisco, Steve Jobs is kicking off Apple’s World Wide Developer Conference with a keynote that should unveil Apple’s new second-generation iPhone.

If you find yourself with a hankerin’ to start designing the next big iPhone gadget, we’d like to direct you to a free set of templates from Yahoo Developer’s Network. This free download includes (among other things) an editable collection of iPhone interface elements. Open their PDF iPhone stencil in Illustrator and you can snap together your own iPhone design from dozens of editable elements.

Link: Yahoo! Design Stencil Kit version 1.0

Yahoo! Design Stencil Kit

yahoo_stencil_illustration

While we focused on the iPhone templates for this week’s tip, Yahoo’s kit includes design elements for many, many more user interface environments:

  • Ad Units
  • Calendars
  • Carousels
  • Charts and Tables
  • UI Controls
  • Form Elements
  • Grids
  • Menus and Buttons
  • Mobile – General
  • Mobile – iPhone
  • Navigation and Pagination
  • OS Elements
  • Placeholder Text
  • Screen Resolutions
  • Tabs
  • Windows and Containers

Download a set for yourself and have some fun.

Link: Yahoo! Design Stencil Kit version 1.0

iPhone Sketchpaper

iphone-sketchpadFinally, here’s a bonus for designers who prefer an old school pencil-and-paper approach to designing. The iPhone sketchpaper collection:

Link: iPhone Sketchpaper

Download the PDF and print-out a collection of iPhone brainstorming cards. This should be a great way to storyboard videos or websites for iPhone users.

Source: Our own Jasson Lewellen, Seattle’s Ponytailed Software Geek, is down at WWDC right now with a firsthand view of what’s coming up next for the iPhone, Mac OS X, and Apple. We originally discovered the Yahoo! kits on the fabulous Creativebits blog, with a reminder posted on The Graphic Mac.