【问题标题】:iOS image sizes for general purpose images (not navigation and tool bar)通用图像的 iOS 图像大小(不是导航和工具栏)
【发布时间】:2016-10-08 20:46:33
【问题描述】:

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

  1. 对于这些图像需要多大,是否有任何指导方针?

  2. 假设 100x100 版本在 iPhone 6 上看起来不错,我需要在 Assets.xcassets 中添加多少尺寸? 50x50、100x100 和 200x200?

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

【问题讨论】:

  • 最好不要使用位图图标。使用矢量字体。

标签: ios


【解决方案1】:

答案 1:

是的。 Apple 为所有事情制定了指导方针。 ;-) 你可以看看Human Interface Guidelines。它包含一些设计应用的有用技巧。

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

为交互元素提供足够的间距。尽量保持所有控件的最小可点击区域为 44pt x 44pt。

来源: iOS Human Interface Guidelines -> Visual Design -> Layout

答案 2:

iOS 使用 3 种不同大小的图像:@1x(通常不会在文件名中放入)、@2x 和 @3x

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

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

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

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

答案 3:

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


此图像(资产目录的屏幕截图,Apple 在我提到的技术说明中显示)说明了基于界面构建器中使用的大小(以 pt 为单位)计算图像大小:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-14
    • 1970-01-01
    • 1970-01-01
    • 2017-01-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多