![]() Here is a list of the most commonly used icons, proper naming conventions, pixel dimensions, and corner radii. Thus you can calculate the radius for any icon size using 10/57 x new size (for example 10/57 x 114 gives 20, which is the proper radius for a 114px icon). These sizes are rounded up to the nearest pixel though, and when David Barnard of AppCubby consulted Louie Mantia (former Apple, Square, and Iconfactory designer) he found the true sizes:Īpple starts with the 57px icon and a radius of 10 then scales up or down from there. ![]() This is why I include the radius size on the Icon Reference Chart and a mask layer on the OS Illustrator Template. When designing app icons for iOS it’s useful to know the corner radius for each size to preview it correctly - even though the exported png needs to have sharp corners. ![]() Best way is not make the radius part of your design, and not worry about it! Apple's corner radius mechanism uses Squircles which can be replicated in software such as Sketch. Note: this is an older post and as such is a little out of date. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2022
Categories |