iPad Templates and Stencils

Mar 17, 2010

While consumers await the arrival of the first generation iPad on April 3, designers and developers have been working on apps in anticipation.

Here’s a list of free iPad templates and stencils to get you started:

iPad Stencil for Omnigraffle by iA

  • Contains backgrounds, title bars, buttons, selectors, and other iPhone UI elements
  • Text is fully editable on lists, title bars, buttons, and scroll wheels

iPad PSD GUI by Teehan + Lax

  • The PSD was constructed using vectors, so it’s fully editable and scalable.
  • The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.

iPhoneOS Design Stencil for iPad and iPhone by David Morford

  • A stencil for designing iPhone OS applications for iPhone, iPod touch and iPad devices.
  • Targeted at developers familiar with the default characteristics of views and controls provided by UIKit.
  • The stencil shapes are all vector based.

iPad editable PSD by Kevin Andersson

  • Every element you see is editable via vector masks.
  • Everything is scaleable.

iPad Wireframe PSD by Neil Cowburn

  • Minimal wireframe version of the iPad without the photorealism

iPad Icon Set by Chris Spooner

  • The pack includes the full size graphic, as well as 256px, 128px and 64px icons sizes.

Printable iPad Template PDF by Arash Keshmirian

  • The PDF is set up to print very closely to scale with a real iPad. Just make sure any options like “scale to media” are off, and the PDF is printed at 100%.
141 Comments

Sliding Labels with jQuery

Mar 15, 2010

I twittered this link a while back but wanted to post it here as well. CSSKarma has a nice example of sliding labels for form fields using jQuery. Rather than have the label vanish onclick in the field, it slides to the left to continue providing context. Get the code and see the version 2 demo or view the original post.

3 Comments

Turntable DIY Prototype

Mar 15, 2010

I do wish this turntable was made out of biodegradable foam, but nonetheless, I appreciate the minimal design aesthetic and the low-cost, do-it-yourself approach.

2 Comments

Sketch Templates and Stencils for UI design

Feb 16, 2010


Good collection of printable sketch templates for wireframing at Geekchix.org. Particularly love the UI Stencils.

Gorgeous Day in SF

Feb 13, 2010

After a month and a half of rain and overcast skies, it looks like the sun is back for the next week in SF. Refreshing.

4 Comments

Emily Chang in Forbes’ 20 Inspiring Women on Twitter

Feb 9, 2010

Halle Tecco’s piece at Forbes, 20 Inspiring Women To Follow On Twitter, highlights ”women with a skill for putting their hearts and complex issues into 140 characters.” Of Ideacodes co-founder, Emily Chang, she says: “@EmilyChang is a designer and entrepreneur in San Francisco. Her twitter stream is full of fascinating and creative links to all things design–giving followers reasons to think outside the box.”

Thinking 020810

Feb 8, 2010

Time Machine 020507

Feb 7, 2010

While backing up 1,274,742 items to Apple’s time capsule via time machine, I thought of the original The Time Machine by H.G. Wells and re-found this quote:

Few people realise the immensity of vacancy in which the dust of the material universe swims.

Working 020210

Feb 3, 2010

1 Comment