Have you guys ever tried to redraw an iMac or other Apple hardware? You might have noticed that you can't just draw a rounded rectangle, the corners aren't actually quarter circles. Instead they taper off gradually before becoming flat.
Well, now that Jony Ive is in charge of iOS, he's brought that attention to detail to the home screen. Not only has the rounded corner radius and size of the icon changed, but also the method by which its corners are rounded.
Be careful when doing complicated edge effects in this new and magical world. They might not come across exactly as you intended.
6 months ago
Now YOU certainly have an eye for details. Thanks for the heads up
Good point, question here is why? :)
It's a smoother transition from flat to curved - I like it.
Your shot is now a blog post courtesy Cult of Mac: http://garyb.co/PZXB
by Ricky Romero
Close approximation to Apple's distinctly-shaped roundrect icons in iOS 7. I used the grid seen on Apple's iOS 7 Design page as a starting point, and located the Golden Ratio in that grid to start the roundrect radius. Then it was a matter of taking an iOS 7 screenshot, using Difference blending, and tweaking Bézier handles to get it as close as possible.
EDIT: The diagonal Bézier handles were violating the shape's outside pixel boundaries, causing the shape to not scale cleanly. Fixed.
EDIT 2: Here's a great iOS 7 icon template. The shape in the PSD looks as though it's slightly more precise.
This PSD is designed for the base Retina iPhone icons (120×120px).
6 months ago
That had always irked me SO MUCH.
Oh man. This, despite the icon content being plain awful, is a huge improvement.
Would it be too much to ask that Apple released an official vector outline?
So what :D ? I don't see the problem :)
Here's a great script for photoshop that generates super accurate iOS 7 shapes. http://blog.mikeswanson.com/post/61651302736/photoshop-script-for-ios-7-rounded-rectangles
about 1 month ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter