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

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

编辑:

Retina iPad的半径是多少?


当前回答

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

来自这个博客:

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

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

其他回答

iphone为你圆角,你所需要的是一个方形的57x57 png图标,u应该是好的

WWDC 2022带来了好消息!

现在,Xcode 14根据单个输入图标1024x1024 pix(单个大小)自动生成所有所需的应用程序图标大小。然而,如果你需要一个老派的方法,从下拉菜单中选择所有大小。

所以,你现在要知道的是输入图标的半径是180像素。

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


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

保持图标角为方形。系统应用一个掩码自动圆角图标。 保持背景简单,避免透明。确保你的图标是不透明的,不要使背景杂乱。给它一个简单的背景,这样它就不会盖过附近的其他应用程序图标。你不需要用内容填满整个图标。

就像其他人说的那样,你不想拐弯抹角。你想要发布平面(无图层或alpha)方形图形。苹果改变了他们在iOS7和iOS8中用来绕过角落的掩码。你可以在Xcode应用程序包中找到这些掩码。路径会随着他们发布的每个新SDK版本而变化。我来告诉你们怎么找到它。

find /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs -name 'MobileIcons.framework'

此时,该命令找到的路径是/Applications/Xcode.app/Contents/Developer/Platforms/ iphoneonesimulator .platform/Developer/ sdk/ iphoneonesimulator .sdk/System/Library/PrivateFrameworks/MobileIcons.framework,但不要相信它。使用命令自己查找。

该路径指向包含这些文件的目录(同样,在这篇文章中)

./AppFolderBadgeIconMask-128_1only_.png
./AppFolderBadgeIconMask-16_1only_.png
./AppFolderBadgeIconMask-256_1only_.png
./AppFolderBadgeIconMask-32_1only_.png
./AppFolderBadgeIconMask-512_1only_.png
./AppFolderBadgeIconOverlay-128_1only_.png
./AppFolderBadgeIconOverlay-16_1only_.png
./AppFolderBadgeIconOverlay-256_1only_.png
./AppFolderBadgeIconOverlay-32_1only_.png
./AppFolderBadgeIconOverlay-512_1only_.png
./AppFolderBadgeIconShadow-128_1only_.png
./AppFolderBadgeIconShadow-16_1only_.png
./AppFolderBadgeIconShadow-256_1only_.png
./AppFolderBadgeIconShadow-32_1only_.png
./AppFolderBadgeIconShadow-512_1only_.png
./AppIconMask@2x~ipad.png
./AppIconMask@2x~iphone.png
./AppIconMask@3x~iphone.png
./AppIconMask~ipad.png
./AppIconMask~iphone.png
./CarAppIconMask.png
./CarNotificationAppIconMask.png
./DefaultIcon-20.png
./DefaultIcon-20@2x.png
./DefaultIcon-20@3x.png
./DefaultIcon-29.png
./DefaultIcon-29@2x.png
./DefaultIcon-29@3x.png
./DefaultIcon-40.png
./DefaultIcon-40@2x.png
./DefaultIcon-40@3x.png
./DefaultIcon-60@2x~iphone.png
./DefaultIcon-60@3x~iphone.png
./DefaultIcon-76@2x~ipad.png
./DefaultIcon-76~ipad.png
./DocumentBadgeMask-145.png
./DocumentBadgeMask-145@2x.png
./DocumentBadgeMask-20.png
./DocumentBadgeMask-20@2x.png
./DocumentBadgeMask-20@3x.png
./DocumentBase-320@2x~ipad.png
./DocumentBase-320~ipad.png
./DocumentBase-48.png
./DocumentBase-48@2x.png
./DocumentBase-48@3x.png
./DocumentMask-320@2x~ipad.png
./DocumentMask-320~ipad.png
./DocumentMask-48.png
./DocumentMask-48@2x.png
./DocumentMask-48@3x.png
./NanoDefaultIcon-24.0@2x.png
./NanoDefaultIcon-27.5@2x.png
./NanoDefaultIcon-40.0@2x.png
./NanoDefaultIcon-44.0@2x.png
./NanoDefaultIcon-86.0@2x.png
./NanoDefaultIcon-98.0@2x.png
./NanoIconMaskChiclet-24.0@2x.png
./NanoIconMaskChiclet-27.5@2x.png
./NanoIconMaskChiclet-40.0@2x.png
./NanoIconMaskChiclet-44.0@2x.png
./NanoIconMaskChiclet-86.0@2x.png
./NanoIconMaskChiclet-98.0@2x.png
./NewsstandDefaultMagazine_1only_.png
./NewsstandDefaultNewspaper_1only_.png
./NewsstandMagazineGradientLeft@2x~ipad.png
./NewsstandMagazineGradientLeft@2x~iphone.png
./NewsstandMagazineGradientLeft~ipad.png
./NewsstandMagazineGradientLeft~iphone.png
./NewsstandMagazineGradientRight@2x~ipad.png
./NewsstandMagazineGradientRight@2x~iphone.png
./NewsstandMagazineGradientRight~ipad.png
./NewsstandMagazineGradientRight~iphone.png
./NewsstandMagazineSwitcherGradientLeft.png
./NewsstandMagazineSwitcherGradientLeft@2x.png
./NewsstandNewspaperGradientBottom@2x~ipad.png
./NewsstandNewspaperGradientBottom@2x~iphone.png
./NewsstandNewspaperGradientBottom~ipad.png
./NewsstandNewspaperGradientBottom~iphone.png
./NewsstandNewspaperGradientLeft@2x~ipad.png
./NewsstandNewspaperGradientLeft@2x~iphone.png
./NewsstandNewspaperGradientLeft~ipad.png
./NewsstandNewspaperGradientLeft~iphone.png
./NewsstandNewspaperGradientRight@2x~ipad.png
./NewsstandNewspaperGradientRight@2x~iphone.png
./NewsstandNewspaperGradientRight~ipad.png
./NewsstandNewspaperGradientRight~iphone.png
./NewsstandNewspaperSwitcherGradientBottom.png
./NewsstandNewspaperSwitcherGradientBottom@2x.png
./NewsstandNewspaperSwitcherGradientLeft.png
./NewsstandNewspaperSwitcherGradientLeft@2x.png
./NewsstandNewspaperSwitcherGradientRight.png
./NewsstandNewspaperSwitcherGradientRight@2x.png
./NewsstandThumbnailShadow@2x~ipad.png
./NewsstandThumbnailShadow@2x~iphone.png
./NewsstandThumbnailShadow~ipad.png
./NewsstandThumbnailShadow~iphone.png
./NotificationAppIconMask.png
./NotificationAppIconMask@2x.png
./NotificationAppIconMask@3x.png
./SpotlightAppIconMask.png
./SpotlightAppIconMask@2x.png
./SpotlightAppIconMask@3x.png
./TableIconMask.png
./TableIconMask@2x.png
./TableIconMask@3x.png
./TableIconOutline.png
./TableIconOutline@2x.png
./TableIconOutline@3x.png

正如你所看到的,有很多不同的面具,但它们的名字都很清楚。以下是AppIconMask@3x~iphone.png图片:

你可以用它来测试你的图标,看看它蒙版后看起来是否正常。但是,不要拐弯抹角。如果你这样做了,当苹果再次改变这些面具时,你就会有伪影。

有两个完全矛盾的答案,一个是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!我有 所有图标必须为我的应用程序。