Thomas Joos | mobile application developer

(re)create your thoughts and expand your limits.

Iphone Interface Design Elements

with 6 comments

When creating an iphone interface design you should know there are a few things that can easily speed up your proces and increase the iphone look and feel. When I am creating an iphone interface I always use the same 3 things:

1) – Yahoo! Design Stencil Kit version 1.0

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.

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

2) Geoff Teehan’s iPhone_GUI.zip (5MB)

This zip contains a Photoshop file that has a fairly comprehensive library of assets – all fully editable. Some of the design elements that are included:

  • Iphone unlock slider & other scroller
  • Iphone Lists
  • Progress bars
  • Checkboxes ( filled/empty )
  • Keyboard
  • Buttons
  • Labels
  • Textfield
  • Icons
  • Headers
  • Playlist visuals

3) Boulevart’s IPhone Sketchpaper

As you might have already read on my blog a couple of weeks ago, we published a mobile  sketchpaper. It might be useful when you are brainstorming or trying to find the perfect flow for your app or website.

PDF Files (300dpi):

Photoshop CS3 files (72dpi):

single-h-b

More info on the sketch paper at labs.boulevart

About these ads

Written by vilebody

August 22, 2008 at 8:16 am

Posted in BoulevArt, Design, Mobile

6 Responses

Subscribe to comments with RSS.

  1. thanks for the useful links

    finty

    August 22, 2008 at 10:13 am

  2. Nice !

    بندر

    August 28, 2008 at 5:32 am

  3. thanks thomas!

    Connor

    October 13, 2008 at 8:29 pm

  4. […] public links >> grids Iphone Interface Design Elements Saved by RectumRepper on Thu 23-10-2008 Grids anyone? Saved by KFJackKF on Mon 13-10-2008 […]

  5. Came across your site searching for solutions of creating iPhone mockups for prototyping apps. In the end we figured it out ourselves, this is how we did it: http://unitid.nl/2009/04/prototyping-for-the-iphone-using-fireworks-cs3/

    Matthijs

    April 26, 2009 at 12:23 pm

  6. The zip files contain gifs not png files. Hard to work with.

    Yo Mo

    May 28, 2009 at 5:28 am


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: