iOS开发App图标尺寸规范

iOS开发中,我们往往要按照苹果对于各类App的标准尺寸来进行相应的设置和操作,索性自己稍微整理了一下,方便于以后的开发使用。以下内容均参考于苹果的最新开发者文档:
https://developer.apple.com/ios/human-interface-guidelines/graphics/system-icons/

iOS开发App图标尺寸规范_第1张图片
苹果开发者中心

App Icon(应用程序图标)

每个应用程序都需要一个美丽的和令人难忘的图标,在应用程序商店或者主屏幕上吸引人们的关注。你的图标提供了第一次交流的机会,你的应用程序的目的一目了然。它也出现在整个系统中,如在设置和搜索结果。

iOS开发App图标尺寸规范_第2张图片
应用程序图标样式

App Icon Sizes
一旦你的应用程序被安装,小图标在主屏幕上或整个系统使用。
每一个应用程序必须提供小型和大型应用程序图标。为不同的设备提供不同大小的小图标。确保你的应用程序图标看起来完美,且支持所有的设备。
其标准规范如下:
iOS开发App图标尺寸规范_第3张图片
(应用程序图标尺寸:px)

虽然大图标的使用不同于小图标,它仍然是你的应用程序图标。它应该一般在外观上相匹配较小的版本,视觉效果上它是更微妙的更丰富的和更详细的。

Spotlight and Settings Icons(搜索设置项图标)
每一个应用程序应该提供一个小图标显示在iOS应用程序在Spotlight搜索中的名称匹配项中。此外,应用程序的设置应该提供一个小图标,以显示在内置的设置中。这两个图标应该清楚地确定你的应用程序的目的,他们应该匹配你的应用程序图标。如果你不提供这些图标,iOS可能在这些位置上显示会缩小您的主应用程序图标。
其标准规范如下:

iOS开发App图标尺寸规范_第4张图片

Custom Icon Sizes
如果您的应用程序所包括任务或模式不能由一个系统图标表示,或如果系统图标不匹配你的应用程序的风格,你可以创建自己的图标。自定义图标,有时被称为一个模板。有时候一个导航栏,标签栏,工具栏,或主屏幕上的一些应用程序图标是有我们自定义创建的。
其标准规范如下:

iOS开发App图标尺寸规范_第5张图片
用户自定义图标

iOS开发App图标尺寸规范_第6张图片
Custom Icons

Image Size and Resolution
iOS屏幕上的内容使用一个坐标系统来展示。这个坐标系统是基于点的测量,它映射到显示中的像素。在一个标准的分辨率屏幕上,一个点(1 / 72英寸)等于一个像素。高分辨率屏幕有一个更高的像素密度。因为在相同数量的物理空间中有更多的像素,每个点有更多的像素点。因此,高分辨率显示器需要更多像素的图像。
iOS开发App图标尺寸规范_第7张图片
屏幕快照 2016-08-28 上午12.03.18.png

我们必须提供高分辨率的图像在我们的应用程序中,用于实现应用程序支持所有的设备。根据设备,我们可以通过一个特定的比例因子乘以每个图像中的像素数来完成这一点。
标准分辨率的图像有1个尺度因子和被称为“1x图像。高分辨率的图像有2个或3个尺度因子和被称为“2X和3X图像”。假设你有一个标准分辨率@ 1X的形象用100px 100px,例如。这一形象的@2x版本将通过200px 200px。“3X版本将300px的300px。
其标准规范如下:
iOS开发App图标尺寸规范_第8张图片

Launch Screen(程序启动图)
程序启动图又称为程序启动引导图,我们可以给用户一些指引或操作指南等等。一般是在我们第一次安装或者第一次打开应用程序的时候,苹果对启动图也有一套标准。
其标准规范如下:

iOS开发App图标尺寸规范_第9张图片

System Icons
iOS提供了用于导航栏,标签栏、工具栏和主屏幕快速操作的不同任务和类型的系统图标。尽可能多的使用这些内置的图标,能够有效的进行开发并维护程序性能,因为这个都是苹果源生的东西。一下呢就是我列举出的苹果原生图标:
Navigation Bar and Toolbar Icons

iOS开发App图标尺寸规范_第10张图片

iOS开发App图标尺寸规范_第11张图片

iOS开发App图标尺寸规范_第12张图片

Tab Bar Icons
iOS开发App图标尺寸规范_第13张图片

iOS开发App图标尺寸规范_第14张图片

Quick Action Icons
iOS开发App图标尺寸规范_第15张图片

iOS开发App图标尺寸规范_第16张图片

iOS开发App图标尺寸规范_第17张图片

iOS开发App图标尺寸规范_第18张图片

你可能感兴趣的:(iOS开发App图标尺寸规范)