I would like to understand the thought process/best practice for designing images for an IOS application.
For example I have a button setup as follows:
LoginButton = [[UIButton alloc] initWithFrame:CGRectMake(10,(otherLoginButton.bounds.size.height + 40),300,50)];
So the button in code is 300x50px.
My question is what size should the image be within photoshop. Let's take an example that I am designing the whole button as an image not using stretchable buttons etc (although I will be), but as an example I want to create the whole button in PS.
What size should the button be if I am designing for iPhone5 first and then scaling down?
Secondly, once the image is created would all I need to do is scale down in Photoshop by 50% if I used the above technique? Is it as simple as going to scale within Photohshop and choosing 50% or anything else to complete as well.
Once complete, would I then need only these two images for the button one named 'button' the other 'button2@' ?
For screen background images. You should take into consideration a 176 px as the difference between iPhone5 and 4 (1136 vs 960), you may consider rework all backgrounds to set your app iPhone5 compatible.
A while ago, I found a great article on how to optimize those arts for iPhone5, have a look here.