我试图为我的iPhone应用程序创建图标,但不知道如何获得iPhone图标使用的确切半径。我搜索了又搜索教程或模板,但找不到一个。

我确信我只是一个白痴,但你如何让圆角与你的图标从Illustrator或Photoshop完全正确?

编辑:

Retina iPad的半径是多少?


当前回答

我看到很多关于“px”的讨论,但没有人谈论百分比,这是你想要计算的固定数字。

22.37%是这里的关键百分比。将上面提到的任何图像大小乘以0.2237,您将得到该尺寸的正确像素半径。

在iOS 8之前,苹果使用的舍入较少,为15.625%。

编辑:感谢chris Prince评论iOS 8/9/10的半径百分比:22.37%

其他回答

dbarnard的答案有公式来计算正确的半径,但因为你是在寻找模板,所有的蒙版和覆盖都可以在这个目录中找到:

/Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator5.1.sdk/System/Library/PrivateFrameworks/MobileIcons.framework

(路径是最新版本的XCode。对于旧版本,它可能在/Developer/)内部。

正如其他人所指出的,你不应该自己屏蔽它们,但你可以使用这些来检查你的图标在屏蔽后的样子。

(这一发现归功于Neven Mrgan IIRC)

当我用Photoshop设计我的应用程序图标时,我发现没有整数角半径完全适合设备的掩码。

我现在要做的是用Xcode创建一个空项目,设置一个完全白色的PNG文件作为图标,并关闭预设的斜角和光泽度。然后,我运行应用程序,并在主屏幕上截屏。现在,你可以很容易地从这张图片创建一个蒙版,你可以在Photoshop中使用。这样可以得到完美的圆角。

我看到很多关于“px”的讨论,但没有人谈论百分比,这是你想要计算的固定数字。

22.37%是这里的关键百分比。将上面提到的任何图像大小乘以0.2237,您将得到该尺寸的正确像素半径。

在iOS 8之前,苹果使用的舍入较少,为15.625%。

编辑:感谢chris Prince评论iOS 8/9/10的半径百分比:22.37%

57 x 57像素图标的圆角半径为9像素。

人们争论角半径会稍微增加,但事实并非如此。

来自这个博客:

苹果实体产品的一个“秘密”是它们避免了切线(半径在某一点与直线相交),并以所谓的曲率连续性来制作它们的表面。

你不需要在iOS的图标上应用圆角半径。只需要提供方形图标。但如果你还想知道怎么做,实际的形状被称为Squircle,下面是公式: