Saturday, April 26, 2014

Apple tweaks App Store webpages for iOS 7-style app icons




itunes web preview google plus




Apple made a lot of changes in iOS 7, one of them was the shape of app icons which went from being a simple roundrect to a more complex shape known as superellipse. As you can see below, the change makes iOS icons appear more curved.



We have just discovered that Apple has updated the App Store web previews for iOS7-style icons.








The difference can be subtle and hard to notice in normal apps, but is more pronounced in app icons which relied on the earlier roundrect shape to create the illusion of a 3D effect. One such app is Google+, whose iOS 6 icon looked like this:



google+ ios 6




And here’s what the iOS 7 icon looks like:



google+ ios 7




Got the difference? Here’s a side by side image for better comparison:


google-ios-icon



iOS 6-style Google+ icon (left), iOS 7-style Google+ icon (right)



You can view the App Store preview page for Google+ to see the change live, and you can visit this cached link, which shows an earlier version of the page with the old shape. Strangely, app pages within iTunes seem to be still using the old-styled icons.



Just to be clear, developers don't have to do anything from their end to change the shape of the icon, Apple will make the change by applying the "superellipse" mask. If you’re a developer and plan to optimise your app icon for iOS 7, here’s a handy way to generate the superellipse share, courtesy Marc Edwards:



ios 7 icon mask




Earlier this week, Apple also made some changes to the iBooks compatibility text, suggesting that iBooks Author books were soon coming to the iPhone in iOS 7.






No comments:

Post a Comment