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

13 Comments

Busby SEO Challenge said:
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

Ej of Davao Real Estate said:
Brandon Baunach said:

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...

Web Expo2.0 said:

Danny Salomon, Vice President at United Holdings Group, has developed the world's first Anti-Aging App™ for iPhone. The Ant-Aging iPhone App helps heal various ailments from Wrinkles, Acne, Cellulite, and even Hair Growth Stimulation through color light and sound therapy. The healing strategy makes use of the wavelengths of light and sound in order to stimulate the body's natural defense systems. Anti-AgingApp.com When those cells get energized, they produce collagen and elastin. The result will be firmer and rejuvenated skin tone, and improved circulation.

Web Expo2.0 said:

Danny Salomon, Vice President at United Holdings Group, has developed the world's first Anti-Aging App™ for iPhone. The Ant-Aging iPhone App helps heal various ailments from Wrinkles, Acne, Cellulite, and even Hair Growth Stimulation through color light and sound therapy. The healing strategy makes use of the wavelengths of light and sound in order to stimulate the body's natural defense systems. Anti-AgingApp.com When those cells get energized, they produce collagen and elastin. The result will be firmer and rejuvenated skin tone, and improved circulation.

Russell said:

Thanks for the post Andre, we have downloaded the recommended
PSDs, As an iPhone apps development firm i believe we always have a
lot of things to learn from our fellow developers.

Would like to share our works here too,

http://www.flickr.com/photos/cndesignworks/sets/72157618493864012/detail/ .

Thanks !

--
http://www.cybernetikz.com
Web development and iPhone Application

iphonedev11 said:

Also check out http://www.PhoneFreelancer.com
for freelance iphone development jobs. Its a free site and i've found abunch of fun and lucrative projects there.

Leave a comment


Tag Cloud

iPad

What's your take on the iPad? (Putting aside the Flash/iPad flame war)

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.