iOSTabBarIcon尺⼨规范和⾃制合规图标⽬录：
1. 尺⼨规范
2. ⾃制合规图标
⼀、尺⼨规范
数据来源：苹果官⽅⼈机界⾯指南（Human Interface Guidelines）
在设备竖屏的时候，tab bar的icon都显⽰到tab标题到上⽅.  在设备横屏时候，tab bar的icon显⽰到tab标题的前⽅，根据⽤户的实际设备和设备朝向，系统要么显⽰“标准”尺⼨，要么显⽰“压缩”尺⼨，在您的App⾥，最好能提供两种尺⼨的tab bar icon.
图⽚的宽度和⾼度(圆形)
标准 tab bars                                                  压缩 tab bars
75px × 75px (25pt × 25pt @3x)                    54px × 54px (18pt × 18pt @3x)
50px × 50px (25pt × 25pt @2x)                    36px × 36px (18pt × 18pt @2x)
图⽚的宽度和⾼度(圆形) (正⽅形)
icon图标库
标准 tab bars                                                    压缩 tab bars
69px × 69px (23pt × 23pt @3x)                        51px × 51px (17pt × 17pt @3x)
46px × 46px (23pt × 23pt @2x)                        34px × 34px (17pt × 17pt @2x)
图标宽度 (宽幅度图标)（只限制宽度）
标准 tab bars                                                    压缩 tab bars
93px (31pt @3x)                                              69px (23pt @3x)
62px (31pt @2x)                                              46px (23pt @2x)
图标⾼度 (⾼幅度图标)（只显⽰⾼度）
标准 tab bars                                                    压缩 tab bars
84px (28pt @3x)                                                60px (20pt @3x)
56px (28pt @2x)                                                40px (20pt @2x)
⼆、⾃制合规图标
1. 下载⾃⼰所需的图标(尺⼨⾃⼰决定即可），下载SVG 或者 AI 格式最好（这样扩⼤尺⼨的时候就不会失真了）
2. 打开Sketch 软件（建议做iOS研发的同学⾃⼰能下载⼀个Sketch，这样如果设计同学切图不准确，你可以⾃⼰切出合适的尺⼨，或者制作⼀些合适的@2x，@3x标，很⽅便）
3. 创建⼀个Artboard，然后把下载好的SVG图标拖动到这个Artboard上
4. 选中拖⼊的图标，将图标的⾼宽⽐锁定。 如图，⾼度 > 宽度，因此此图标我们应该限制⾼度，按照规范：我们要做“标准”的28pt⾼，
和“压缩”的20pt⾼.
5. 由于锁定了⾼宽⽐，因此缩放并不会导致图标变形，我们直接修改⾼度的数值为28pt或者20pt（我们这个教程只讲28pt的，20pt的制作⽅法和28pt是⼀样的）
6. 设置不同的导出尺⼨，1x，2x，3x；然后讲图标导出，我们就得到了3张合规的@1x，@2x，@3x的图标；
7. 将三张图标分别拖⼊assets总的image sets⾥即可：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。