一文解答! 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 的最新设计规范,点击即可免费获取该资源

 iOS 设计规范

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 用程序更好地服务于人们的生活和工作。