Iphone Interface Design Elements

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):

• Download iPhone sketch paper (.pdf – 5.4Mb)

Photoshop CS3 files (72dpi):

• Download iPhone sketch paper (.psd – 3.1Mb)

More info on the sketch paper at labs.boulevart

About these ads