IOS13设计规范研读——图标篇

一：关于图标的倍率

1.px和pt的区别

px（像素）：电子屏幕之所以能够显示内容，靠的是对一个个小方格进行颜色填充最后组合成图像，而这一个个小方格就是一个个像素点。

pt：如果将屏幕视为一个坐标系统，那么PT就是这个坐标系统的基本单位。

2.倍率

随着科技的发展和社会的进步~屏幕的分辨率越来越高，这就意味着同样一个物理空间下像素点越来越密集，那个这个时候呢，就出现一种情况，之前一个PT单位下只包含1个px，这个时候可能得2个px，3个px，也就是说出现了1pt=2px、1pt=3px的情况。

现下使用的设计软件一般以pt为设计单位，假如这个时候你设计出一个10*10pt的图标，为了你这个图标要在各式各样的IOS设备展示，就需要输出不同分辨率的图，那输出的图中，10*10px的就叫一倍图（@1x），20*20px的就叫二倍图（@2x），30*30px的就叫三倍图（@3x）。

以下是各大端口需要的倍图：

二：应用图标

应用图标是在主屏幕展示的图标，一般用来吸引用户注意，传达产品用途，传达品牌形象等，为了使所有应用图标保持一致性，IOS要求所有应用图标应符合以下图标属性规格标准：

每个应用必须提供多个不同大小的图标，以保证在不同应用场景下它的识别性，以下是不同应用场景的图标大小要求：

主屏幕及应用商店（App Store）

快速索引（Spotlight）、设置（Settings）和通知（Notification）

三：自定义图标

在iOS13及更高的版本中，ios有提供SF Symbols，包含大量IOS自创的标准化，可定义符号。另外各版本的iOS自带一些系统图标，使用这些系统图标可以延续用户的体验，降低用户的学习成本，如有需要可以前往官网自行查看。那如果要自创图标的话，可以参照以下标准：

导航栏（Navigation Bar）

工具栏（Toolbar）

标签栏（Tab Bars）

四：总结

在阅读过程中，除了各种规范化的定义之外，能够感受到IOS系统规范对于图形辨识度，易理解性，一致性的重视。而在我实际的工作中，有时候会过度追求风格化和图形创意，这反而会增加用户的理解成本和视觉负担。

以后的工作中须得尽量规避以设计为重心的设计，将重点真正的放在用户上！