iPhone应用图标 - 精确半径?

342

我正在尝试创建我的iPhone应用程序的图标,但不知道如何获得iPhone图标使用的确切半径。我已经搜索了很多教程和模板,但找不到一个。

我相信我只是个白痴,但你如何通过Illustrator或Photoshop准确地获得图标的圆角?

编辑:

Retina iPad的半径是多少?


@NickVeys 无论多久,一个未回答的问题都会困扰着我。不确定这是发帖人的意图,但它可能是针对越狱应用程序或iOS本身以外的艺术作品。 - tkbx
9
随后iOS 7推出,增加了“默认”图标的圆角半径,使得这个问题瞬间过时。 - marzapower
2
图标不应再进行圆角处理。苹果现在要求使用没有圆角的正方形图像(https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/AppIcons.html#//apple_ref/doc/uid/TP40006556-CH19-SW1)。 - Mark Whitaker
1
你只需要一个1024 * 1024的正方形图标,使用诸如[Prepo](https://itunes.apple.com/us/app/prepo/id476533227?l=en&mt=12)之类的应用程序生成所需的所有大小。 设备会为您完成其余工作。 - NSDeveloper
@MarkWhitaker 这是确实的,但有时你需要圆形图像来向朋友、家人和互联网展示。 - Dan Rosenstark
17个回答

5

更新(截至2018年1月)应用程序图标要求:


https://developer.apple.com/ios/human-interface-guidelines/icons-and-images/app-icon/

保持图标角落为正方形。系统会自动对图标角进行圆角处理。

保持背景简单并避免透明度。确保您的图标是不透明的,不要在背景上添加杂乱的内容。给它一个简单的背景,这样它就不会压倒附近的其他应用程序图标。您无需填满整个图标内容。


是的,我使用“Icon Set Create”(在App Store中)创建了一个没有圆角的正方形图标,并且所有图标都是自动生成的。 - J. Fdez

5

WWDC 2022带来了好消息!

Xcode 14现在可以根据单个输入图标1024x1024像素(Single Size)自动生成所需的所有应用程序图标大小。但是,如果您需要传统方法,请从下拉菜单中选择All Sizes

因此,现在您唯一需要知道的是输入图标的半径为180像素。

enter image description here


4

iPhone会为您处理圆角,您只需要一个57x57像素的正方形png图标即可。


4
对于官方应用而言,这是正确的(嗯,有点道理。57x57肯定不再是你需要的唯一尺寸)。但是对于越狱应用程序,这种舍入并没有为你完成。你需要在PNG图像本身中进行舍入。因此,这非常重要。 - Nate

4

在使用Photoshop设计我的应用程序图标时,我发现没有整数角半径可以完全适配设备的遮罩。

现在我所做的是,在Xcode中创建一个空项目,将完全白色的PNG文件设置为图标,并关闭预设的斜面和光泽效果。然后,运行应用程序并截取主屏幕的屏幕截图。现在,您可以轻松地从该图像创建一个遮罩,然后在Photoshop中使用它。这将为您提供完美的圆角效果。


请参考@Agos的答案,在他提到的文件夹中使用png掩码。 - Gustav

3
有两个答案完全相反,都有很多票数,一个是160px @ 1024,另一个是180px @ 1024。那么哪个是正确的呢?
我进行了一些实验,我认为是180px @ 1024,所以drbarnard是正确的。
我从App Store下载了iTunes U图标,它的尺寸为175x175像素,然后我在Photoshop中将其放大到1024像素,并在上面放置了两个形状,一个半径为160像素,另一个为180像素。
如下图所示,半径为160像素的形状(细灰线)有点偏离,而半径为180像素的形状看起来很好。
这是我现在在PhotoShop中做的事情:
1.我创建一个大小为1026x1026像素的画布,带有180像素的主设计智能对象蒙版。
2.我复制了主要的智能对象5次,并将它们调整为1024像素、144像素、114像素、72像素和57像素。
3.我在每个智能对象上放置了一个“新的基于分层的切片”,并根据它们的大小重命名切片(例如icon-72px)。
4.当我保存艺术品时,我选择“所有用户切片”,然后就可以拥有我应用程序所需的所有图标了。

如果您调整图像大小但保持细灰线不变会怎样?答案:它最终将与灰线匹配。因此,问题不在于边框半径,而在于该边框半径的图标大小... - MoralCode

2

我尝试了1024x1024的228像素半径,它有效了 :)


1

您不需要为应用程序图标应用圆角,只需应用方形图标即可。设备会自动应用圆角。


我已经完成了,但是应用商店中的应用图标在圆角矩形框内显示为方形。请参见https://www.dropbox.com/s/yoeb2q7cy4rjggh/Skype_Picture_2021_05_13T05_59_20_238Z.jpeg?dl=0。 - Arvind K.

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接