It means having resources which will look great at different sizes. How does all this relate to resolution independence? Well, RI is really a goal, not a technique. icns files serve as a sort of mipmap, specifying sizes between which the icon should be scaled, iOS icon sizes are for the most part defined by their use: this size goes here, that one goes there.
icns file this fact doesn’t really help the designer much. On the Mac, we’ve been creating icons at multiple sizes for decades. The jumble of files you’ll end up with is not all that new. Update: Apple has a dev document on specifying web clip icons.) Apple appears to provide a single, 128 px image which then gets scaled down. (By the way, if you’re working on a webapp icon, I’m not aware of a way to specify different sizes for those. Sadly, you can’t provide the 175 px version directly.
512 px, iTunes – Used in iTunes and in the App Store, where it’s sized down to 175 px. 44 x 58 px document icon, Retina iPhone. 96 px, Retina iPad Spotlight. See note 7 above, and remember the edge will be trimmed by 2 px on each side. Be sure to take this into account as you design your icon. So, leave extra room around your icon. iPhone OS trims 1 pixel from each side of your artwork and adds a drop shadow. Apple’s docs actually say the icon is 50 px, but then there’s this note: The final visual size of this icon is 48 x 48 pixels. 48 px, iPad Spotlight – Yup, the iPad uses a different size for Spotlight and Settings. 58 px, iPhone 4 Settings/Spotlight/Notifications – That’s right, you have to make both 57 and 58 px versions of your icon – d'oh! Good luck aligning this if there’s a line running down the middle of the icon. 29 px, iPhone Settings/Spotlight, iPad Settings – Used in these table views. Let’s walk through all the different sizes and how they’re used: So you can leave your icon totally square, but if you want a nice inline shadow at the top (I do) you’ll have to bake the top of the rounded shape into your icon. Note that your icons will have a rounded-rect mask applied to them, whatever you do. You absolutely need this or something like it. This is based on Sebastiaan de With’s excellent iPhone icon PSD file, which is a living document and will be updated as things change in iLand. Here’s my PSD file for an iOS icon I drew the other day: As a designer, you’re used to drawing icons at various sizes this is a big part of what “icon design” is (as opposed to other types of illustration). The app is universal, so it should run on all iPhones (and iPod touches), and on the iPad. Let’s say you’re working on an icon for an iOS app. #IOS 7 ICONS FOR MAC FREE#
However, feel free to read on for some basic theory about icons, regardless of size or intended use. The specific sizes mentioned in this post may not be useful any longer. Update: iOS 7 introduces a number of new app-icon sizes.
0 kommentar(er)
