Home  >  

Designer Resources for iPhone App Development

Author photo
AddThis Social Bookmark Button

Since the release of iPhone 2.0 and iPhoneDevCamp I've been looking at a lot iPhone apps, development tools and other interesting projects. It might be debatable whether a native app written Objective-C is an RIA, but most of the are internet connected at least part of the time and lots of the coolest iPhone apps I'm using run right in Safari on the iPhone. It's not however debatable whether or not iPhone has raised the bar for slick and aesthetically pleasing UIs and if you're going to develop a web app or native app for the iPhone you need to meet that bar to succeed. On that note here are a couple resources to make your iPhone apps look like Apple's very own apps!

Omnigraffle Stencils

omnigraffle_iphone.png

For the early stages of interface designs we use Omnigraffle to get the wireframes done then moved on to mockups. This stencil will help get your closer to your final product. Thanks to Theresa Neil for sharing these with the community)

This is a basic stencil for creating wire frames for iPhone web applications.

Includes standard components like form fields, buttons, dialogs, key boards, lists, loading icon, selected state.

Download them here.

Photoshop PSD Files

iphone_gui.jpg

The crew over at Teehan+LAX have been putting together lots of iPhone designs for presentations and have posted these graphics for your use. These are Photoshop Files for most of the graphic assets needed to design your iPhone app. They're all full editable!

Download the PSD here.

Let me know how these work for you and please do send on any other resources for mobile RIA developers you come across.

Read more from Andre Charland. Andre Charland's Atom feed AndreCharland on Twitter

Comments

9 Comments

Anonymous said:

Thanks for the info. Great help in learning how to produce pitch work for apps.

Jim said:

Developers who want to have their apps reviewed on the iPhone Software Reviews Blog are welcome to contact me:

http://iphonesoftwarereviewsblog.com/index.php/request-an-iphone-app-or-game-review/

Greg McMahan said:

That PSD file of the iphone interface is very useful. However, I don't have the full Photoshop software, only Photoshop Elements 6.0. Is there a simpler version that I can use on that?

Dan Hirons said:

I have downloaded this PSD and notice that it is at 160 dpi... Does it need changing to 72? Or is it ok to supply the iPhone developer files at 160dpi?

Thanks

D

Hi,

I wanted to point out a very old-school design tool that I came up with when working on my very first iPhone app design. It's a sketchbook geared for conceptualizing your iPhone app using pencil and paper, if you can believe that! Although I did a more polished graphical prototype, this tool was indispensible. I made it available here:
http://www.lulu.com/content/paperback-book/iphone-app-developer-sketchbook/7220402

Thanks!

Brandon

Free sms said:

Get to know Lot’s of information. It’s a great news thanks for sharing. I was unknown to this matter. Hope to get more post from you looking towards for your next article.

chang said:

i like ur website. thanks for this comment posting...

Leave a comment


Tag Cloud

Question of the Week: Dream App

If you had an unlimited budget and unlimited resources what application would you build and why would you build it?

Answer

Latest Features

Recommended for You

@InsideRIA on Twitter

Archives

  • Or, visit our complete archive.  

About This Site

Welcome to the premiere community site for all things RIA sponsored by O'Reilly Media and Adobe Systems Incorporated.