iOS 7 Icon Rounded Corner Radius

Icon_comparison

11 Responses

  1. Brad Ellis Brad Ellis

    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.

    likes

    10 months ago

  2. Mitchell Bernstein Mitchell Bernstein

    Now YOU certainly have an eye for details. Thanks for the heads up

    likes

    10 months ago

  3. Luboš Volkov Luboš Volkov

    Good point, question here is why? :)

    likes

    10 months ago

  4. Chris Lackey Chris Lackey

    It's a smoother transition from flat to curved - I like it.

    10 months ago

  5. Gary Bacon Gary Bacon

    Your shot is now a blog post courtesy Cult of Mac: http://garyb.co/PZXB

    10 months ago

  6. 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).

    10 months ago

  7. Andrew Johnson Andrew Johnson

    That had always irked me SO MUCH.
    Oh man. This, despite the icon content being plain awful, is a huge improvement.

    10 months ago

  8. James Bryant James Bryant

    Would it be too much to ask that Apple released an official vector outline?

    likes

    10 months ago

  9. Myroslav Galavai Myroslav Galavai

    You're mad...)

    10 months ago

  10. Emil Hede Momsen Emil Hede Momsen

    So what :D ? I don't see the problem :)

    likes

    10 months ago

  11. Anton Kudin Anton Kudin

    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

    6 months ago

keyboard shortcuts: previous shot next shot L or F like