UI 设计中最重要的视觉元素之一是图标。虽然在界面中图标通常只占很小的空间,但它却是考验设计师基本功的重要标准。了解图标设计规范是入门 UI 设计的必备条件。iOS 是由苹果公司为其移动设备开发的操作系统,支持设备包括 iPhone、iPad 和 iPod touch。本文将为大家介绍 iOS 应用程序图标设计的规范。
1、iOS 应用程序图标属性
格式:PNG。
颜色:P3(广色域)、sRGB(彩色)、Gray Gamma 2.1(灰度)。
风格:扁平化、不透明。
形状:圆角矩形。
2、iOS 应用程序图标尺寸规范
应用程序图标的尺寸有 12×12、16×16、24×24、32×32、48×48 等,建议以 48px 作为常规图标的设计尺寸,因为 iOS 界面中的网格大小是 4 的倍数。苹果应用程序图标规范要求最小点击面积为 44pt。
设计师通常只需要设计一个 App Store 的图标(1024px1024px),其他应用程序图标的尺寸可以使用 iOS 图标生成器自动输出一套。小的应用程序图标尺寸可以单独微调细节即可。
苹果官网的开发者文档详细描述了不同设备的应用程序图标尺寸标准和要求:
此外,每一个应用程序的大图标还应该对应有一个小图标,后者在外观上与前者相匹配,视觉效果上更微妙、更丰富。因为在 iOS 中,搜索(Spotlight Icons)、设置(Settings Icons)和通知(Notification Icons)时,会显示小图标。
iOS常用组件,包含 375 与 390两种宽度。以及一键替换式样机、iOS官方真机png、键盘、布局栅格等。
除了了解应用程序图标规范外,我们还需要浏览大量优秀的图标设计案例。图标设计案例是 UI 设计师们常用的设计方式之一,这样可以节省大量的时间,但是要求素材质量较高,而且要求图标成套。以前常用的阿里巴巴图标库里的图标质量挺好,但是成套的较少。即时设计资源广场中搜索图标,会出现许多高质量成套图标。