通用图像的 iOS 图像大小(不是导航和工具栏)

Question

对于导航栏和工具栏图标，大小指定为 22x22、44x44 和 66x66。但是如果我想在我的屏幕上有一个不在导航栏或工具栏上的图标怎么办？例如，注册页面上的圆形上传照片按钮，大约为 100 x 100。因此，普通按钮内的相机图像。

1. 是否有关于这些图像需要多大的指南？

2. 假设 100x100 版本在 iPhone 6 上显示正确，我需要在我的 Assets.xcassets 中添加什么尺寸？ 50x50、100x100 和 200x200？

3. 这些自定义图像是否会根据屏幕尺寸进行缩放？

Answer 1

答案1:

是的。 Apple 为一切制定准则。 ;-) 你可以看看 Human Interface Guidelines .它包含一些设计应用的有用提示。

这是一个非常长的文档，我还没有找到关于图像最小尺寸的信息。但是，如果您的图像是可点击的，则它们应该至少为 44x44 pt(不一定是像素；请参阅“答案 2”)。

Provide ample spacing for interactive elements. Try to maintain a minimum tappable area of 44pt x 44pt for all controls.

Source: iOS Human Interface Guidelines -> Visual Design -> Layout

答案2:

iOS 为图像使用 3 种不同的尺寸:@1x(您通常不将其放入文件名)、@2x 和 @3x

@1x-images 的宽度和高度像素数应与您在界面构建器中使用的像素数相同(pt；点)。

iPhone 6 有视网膜显示屏，所以它使用@2x。这是@1x 分辨率的两倍。因此，如果您的 @2x-image 有 100x100 像素，则 @1x-version 需要有 50x50 像素。

@3x 不是@2x 大小的两倍。它是@1x 的三倍大小。因此，在您的示例中，您需要 150x150 像素。

Technote QA1686包含有关不同分辨率的更多信息。

答案3:

是的。但特别是在旧设备上以及当您使用许多图像时，如果您提供正确尺寸的图像，性能会更好。

---

这张图片( Assets 目录的屏幕截图，Apple 在我提到的技术说明中显示)说明了根据界面构建器中使用的大小(以磅为单位)计算图像大小: