iPhone Design Template

Teehan+lax just posted an iPhone mockup design kit psd file that contains almost everything you’d ever need to put together a good lookup design to land that much need funding for your iPhone killer app.  Now if Adobe would just get around to implementing Objective-C we wouldn’t need the iPhone SDK at all…

iPhone Design Templates

Useful tools for designing elements for iPhone applications:

A couple of things to note - the Icon template is setup to just give you an idea of how your icon design will look once the SDK adds all of the highlights/bevel/rounded corners - once you have a design you need to crop the image so that your icon fills the entire canvas and turn off all of the highlight effects/drop shadows.

Inserting a custom icon in an iPhone Application (XCode)

Inserting a custom icon in an iPhone Application (XCode)

To add a custom icon to your application open your project in XCode and add your icon file (saved as a png file) to your resources folder.  Then open the Info.plist file and change the line for you Icon File to the name of your icon (in my case outbreakIcon.png).

Now run the iPhone simulator (build & go) and you’ll see your custom app icon.  If you need to tweak it just go back to photoshop and tweak away and save over the original png file - when you relaunch your app it the icon will update automatically.