一文解答！ iOS 设计规范最全指南在这！

更新时间：2024-01-10 10:33:41

随着智能手机的广泛使用，移动 APP 已成为我们日常生活中不可或缺的一部分。对于设计师来说，设计出高质量 APP 序不仅需要技术实力，还需要遵循一定的设计规范，以 APP 程序的一致性、易用性和美观性。本文将从3个方面对 iOS 设计规范进行梳理: iOS 设计规范中设备适配、界面元素和图标设计，帮助设计师更好地设计出适用于 iOS APP 用程序。

1、设备适配：分辨率和设计尺寸

由于不同型号的iPhone具有不同的屏幕尺寸和像素密度，设计师在设计 APP 时需要考虑到设备适配问题。此外，还需要使用合适的倍图，以确保图像在不同设备上的清晰度。例如，iPhone 12 Pro Max的分辨率为1284×2778，设计尺寸为428×926，倍图为3x。在设计过程中，遵循相关规范有助于提 APP 序在各种设备上的显示效果。

一整套 iOS 16 的最新设计规范，点击即可免费获取该资源

2、界面元素：状态栏、导航栏与底部Tabar

iOS 界面中的常用控件，如状态栏、导航栏和底部Tabar，都具有固定或推荐的高度和样式。遵循这些规范可以确保 APP 具有良好的视觉效果和一致性。例如，状态栏的高度一般为44px，导航栏的高度一般为88px，底部Tabar的高度一般为83px。在设计过程中，遵循这些规范有助于提 APP 序的易用性。

iOS 常用组件资源点击即可使用

包含 375 与 390两种宽度。以及一键替换式样机、 iOS 官方真机png、键盘、布局栅格等

3、图标设计原则与人机交互指南

为了有效传达 APP 的功能属性，并与其他图标区分开来， iOS 图标需要保持简洁、焦点、图形化和统一性。不同场景下的 iOS 图标有多种尺寸，例如App Store图标为1024×1024，主屏幕图标为180×180（3x），设置图标为87×87（3x）等。

90+个 iOS 小组件卡片，点击即可立刻使用该资源，即时设计资源广场还有上万个免费设计资源

除此之外，在即时设计还有更多的关于 iOS 相关的设计素材和组件资源等，甚至是 iOS 图标或者Kit——在 iOS 开发中，Kit 通常是指框架（Framework）或者工具包（ToolKit）。框架是一组API的集合，设计师可以利用这些API来快速构建 iOS APP 。Kit通常包含了大量的预定义的类和方法，以及其他开发工具和资源，如图像和图标等。

在即时设计还有一整套的 iOS 16最全Kit，Kit +机模+壁纸+CarPlay全都有

总的来说，作为设计师，设计出高质量的 APP 不仅需要掌握技术实力，更需要遵循一定的设计规范，以确 APP 序的一致性、易用性和美观性。本文通过介绍 iOS 设计规范中设备适配、界面元素和图标设计3个方面，为设计师提供了一些宝贵的设计规范和技巧。当然，还需要去获取更多 iOS 的设计资源，点击免费获取 52 份 iOS 设计资源，使用即时设计，让你打开浏览器就能做UI设计！总之，遵循相关规范可以 APP 程序的显示效果和用户体验， APP 用程序更好地服务于人们的生活和工作。