我试图为我的iPhone应用程序创建图标,但不知道如何获得iPhone图标使用的确切半径。我搜索了又搜索教程或模板,但找不到一个。
我确信我只是一个白痴,但你如何让圆角与你的图标从Illustrator或Photoshop完全正确?
编辑:
Retina iPad的半径是多少?
我试图为我的iPhone应用程序创建图标,但不知道如何获得iPhone图标使用的确切半径。我搜索了又搜索教程或模板,但找不到一个。
我确信我只是一个白痴,但你如何让圆角与你的图标从Illustrator或Photoshop完全正确?
编辑:
Retina iPad的半径是多少?
当前回答
我尝试了228px半径为1024x1024,它工作了:)
其他回答
重要:iOS 7图标方程式
随着即将发布的iOS 7,你会注意到“标准”图标半径已经增加。所以试着按照苹果和我给出的答案去做吧。
对于120px的图标,在iOS 7上最能代表其形状的公式是下面的超椭圆:
|x/120|^5 + |y/120|^5 = 1
显然,你可以改变120的数字与所需的图标大小,以获得相应的功能。
原始
你应该提供一个有90°角的图像(这很重要 避免裁剪图标的边角——ios会为你这样做 应用圆角蒙版) (苹果文档)
最好的方法是完全不要把图标的边角弄圆。如果你将图标设置为方形图标,iOS会自动用预定义的掩码覆盖图标,并设置适当的圆角。
如果你手动为图标设置圆角,它们在这个或那个设备上看起来可能会坏掉,因为在不同的iOS版本之间,圆角蒙版会有轻微的变化。有时候你的图标会稍微大一点,有时候(唉)稍微小一点。使用方形图标将使你摆脱这种负担,你将确保你的应用程序有一个最新的和好看的图标。
这种方法适用于各种图标大小(iPhone/iPod/iPad/retina),也适用于iTunes图像。我曾多次采用这种方法,如果你愿意,我可以发布一个使用原生方形图标的应用程序链接。
Edit
为了更好地理解这个答案,请参考苹果官方关于iOS图标的文档。在这个页面中,它清楚地说明了一个正方形图标将自动获得这些东西时,显示在iOS设备上:
圆角 阴影 反光(除非你防止反光效果)
所以,你可以实现任何你想要的效果,只需绘制一个普通的正方形图标,并在其中填充内容。最终的角半径将与这里的其他答案相似,但这永远无法保证,因为这些数字不是苹果iOS官方文档的一部分。他们让你画方形图标,所以…为什么不呢?
如果不考虑描边,57x57图标的准确半径实际上是10px。
我从iconreference中得到这个信息。
更新(截至2018年1月)应用程序图标要求:
https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/
保持图标角为方形。系统应用一个掩码自动圆角图标。 保持背景简单,避免透明。确保你的图标是不透明的,不要使背景杂乱。给它一个简单的背景,这样它就不会盖过附近的其他应用程序图标。你不需要用内容填满整个图标。
我尝试了228px半径为1024x1024,它工作了:)
57 x 57像素图标的圆角半径为9像素。