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

7 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

Leave a comment


Type the characters you see in the picture above.

Tag Cloud

Poll: Sci-Fi Movies

What's Your Favorite Sci-Fi Movie of All Time?

Vote | View Poll Results | Read Related Blog Entry

Latest Features

  •     Welcome back to the series. This time we are goings to build a really exciting component that will be used to simply display information about the user. Well, you might say why to we need such a component, is there... Continue Reading
  •    Welcome back to our exciting Facebook ActionScript series. In this article we will discuss one of most important (and most exciting) features of the FB platform, it's the publishing of news. We all know when we log in to facebook,... Continue Reading
  • This article provides 10 tips and best practices (in no particular order) for maximizing the benefits that Dojo can bring to your next project. For a more thorough introduction to Dojo, see the article Dojo: The JavaScript Toolkit with... Continue Reading
  •     The notifications are one of the most interesting (and important) parts of the facebook area. In order to completely understand the Flash side of it, we need to understand the basics of the facebook notification, what it is and how... Continue Reading

Development Series

Get an overview of the tools and technologies that work together to allow developers to build Rich Internet Applications (RIAs) quickly and easily.

facebook icon Facebook Application Development

Anatomy of an Enterprise Flex RIA

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.