I designed my first user interface for an iPhone app this weekend. Another thing I can add to my resume. It isn't too much different than anything else one can design, as long as you know the specs, which I didn't at first.
Create graphics that meet App Store guidelines. The App Store will require two square application logos, sized 57×57 and 512×512 (these two will need to be essentially the same graphic). The 57×57 logo will appear on the user's device, and will automatically get rounded corners and a glossy appearance after submission. If you want to put a border around your 57×57 logo, round the corners using a 10-point radius to match the corner rounding that will happen automatically. Although the glossy appearance is the default for app logos, you can specify not to have the glossy effect applied to your logo. The App Store will also require screen shots of your application. The screen on the iPhone is 480×320, minus the 20-pixel status bar (making a 460×320 working screen size). The screen shots on the App Store should not include the status bar.
Thanks for the info. You may want to update the post to include the dpi of 96.
Thanks,
KH
Really? 96? I have been submitting in 72 an haven’t been rejected. Usually 96 is for PCs.
Hah, I’m wrong again. Now I have found that if you want REALLY crisp graphics 160PPI is the way to go. I suppose I will know soon enough. Thanks!
KH
160 ppi looks great. Super clean. Try it on your next app skin.
Thanks,
kH
I’ll try that, as I am in the middle of another project.
Hi
I was also thinking that when designing in PS and others applications, it would be a good idea to always use Macintosh RGB proof setup as the display will always be a “Mac”. Switching between Mac RGB & Windows RGB is so different that I think it could be a big difference in final output. What do you think?
p.s. I recommend you change the colour of this submit form as it’s very difficult to distinguish between the background and text fields.
Pingback: iDesign* « iDevelop iPhone Apps, iThink
we create the graphics for an i-pod game but we create the graphics in photoshop,coral draw, illustrator then these quality are much good in computer screen but when we tranfer the graphics in i-pod screen then these graphics quality are changed it’s so looking bad. we use .png format images. please help us.
Have you tried doing them in illustrator and then importing them into photoshop, so that the vector graphics don’t lose anything?
The 40×40 icon is for the search results.
Great tip guys – thanks. With the advent of the iPhone 4 I’m guessing the space at the top for the status bar needs to be 40 pixels now?
Thanks,
David