我试图为我的iPhone应用程序创建图标,但不知道如何获得iPhone图标使用的确切半径。我搜索了又搜索教程或模板,但找不到一个。
我确信我只是一个白痴,但你如何让圆角与你的图标从Illustrator或Photoshop完全正确?
编辑:
Retina iPad的半径是多少?
我试图为我的iPhone应用程序创建图标,但不知道如何获得iPhone图标使用的确切半径。我搜索了又搜索教程或模板,但找不到一个。
我确信我只是一个白痴,但你如何让圆角与你的图标从Illustrator或Photoshop完全正确?
编辑:
Retina iPad的半径是多少?
当前回答
重要: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中得到这个信息。
你可以为你的应用程序制作四个图标(到今天为止),它们都可以有不同的外观-不一定基于512x512的图像。
512x512图标的圆角半径= 80 (iTunesArtwork) 1024x1024图标的圆角半径= 180 (iTunesArtwork Retina) 57x57图标的圆角半径= 9 (iPhone/iPod Touch) 114x114图标的角半径= 18 (iPhone/iPod Touch Retina) 72x72图标的圆角半径= 11 (iPad) 14x144图标的角半径= 23 (iPad Retina)
如果你创建了一组自定义图标,你可以在你的信息中将UIPrerenderedIcon选项设置为true。Plist文件,它不会添加光泽效果,但它会在它下面放置一个黑色背景,仍然用这些角半径圆角图像的角落,所以如果任何图标的角半径更大,那么它将在边缘/角落周围显示黑色。
编辑:查看来自@devin-g-rhode的评论,你可以看到任何未来的图标大小都应该是1:6.4的角半径与图标大小的比例。https://stackoverflow.com/a/29550364/396005上也有一个很好的答案,它有SDK中用于圆角图标的图像掩码文件的位置
要添加与视网膜兼容的文件,请使用相同的文件名并添加“@2x”。所以如果我有一个72x72的图标文件icon. PNG,我也会添加一个114x114的PNG文件icon@2x.png到项目/目标,Xcode会自动使用它作为视网膜显示器上的图标。如果操作正确,您可以在应用程序目标的Summary页面上看到这一点。这同样适用于您的发射图像。使用launch.png的320x480和launch@2x.png的640x960。
以前对这个问题的所有答案现在都过时了。至少从2015年5月开始,苹果要求你提供没有四舍五入的方形图标:
保持图标角为方形。系统应用一个掩码自动圆角图标。
https://developer.apple.com/ios/human-interface-guidelines/graphics/app-icon/
当我用Photoshop设计我的应用程序图标时,我发现没有整数角半径完全适合设备的掩码。
我现在要做的是用Xcode创建一个空项目,设置一个完全白色的PNG文件作为图标,并关闭预设的斜角和光泽度。然后,我运行应用程序,并在主屏幕上截屏。现在,你可以很容易地从这张图片创建一个蒙版,你可以在Photoshop中使用。这样可以得到完美的圆角。
有两个完全矛盾的答案,一个是160px@1024,另一个是180px@1024。女巫呢?
我做了一些实验,我认为这是180px@1024,所以drbarnard是正确的。
我从App Store下载了iTunes U图标,尺寸为175x175px,我在photoshop中将其放大到1024px,并在上面放置两个形状,一个半径为160px,另一个半径为180px。
正如你可以看到下面的形状(细灰线)160px(第一个)是有点偏离,而一个180px看起来很好。
这是我现在在PhotoShop中所做的:
我创建一个大小为1026x1026px的画布,主蒙版为180px 设计智能对象。 我复制主智能对象5次,并将其大小调整为1024px, 144px, 114px, 72px和57px。 我在每个智能对象上放了一个“新建分层切片”,我根据它们的大小重命名切片(例如icon-72px)。 当我保存艺术品时,我选择“All User Slices”,然后BANG!我有 所有图标必须为我的应用程序。