iOS app图标尺寸规范速查表:设计师收藏必备!

发布时间 2023-07-12 10:28:10作者: 设计芝士波波球
在UI设计中,图标作为重要的视觉元素扮演着不可或缺的角色。尽管图标所占空间相对较小,却是衡量设计师基本功的重要标准。了解图标设计和遵守iOS app图标规范是每个设计师入门UI设计的必备条件。本文将深入探索iOS app图标规范,为设计师们提供有价值的指导和灵感。
 
 
ios 应用程序图标
设计师设计时,通常只用设计一个Appstore的图标(1024px1024px),其他尺寸可用ios图标生成器自动输出一套,小尺寸图标单独微调下细节即可。
设置页图标
 
 
ios系统图标
 
导航栏和工具栏图标
这两处的图标大小一样都是24x24pt,最大不超过28x28pt。注:@2x和@3x在逻辑像素单位是一样的。
标签栏图标
iOS 规范中 Tab栏一般有五个、四个、三个图标的形式,宽度平分,icon尺寸约30x30pt(60px)。
苹果给出了四种不同形状标签栏图标的尺寸参考供大家设计时参考。其意义是让不同外形的图标看上去是差不多大的,保证图标的平衡。
目标宽度和高度(圆形图标)
目标宽度和高度(方形图标)
目标宽度(宽图标)
目标高度(高图标)
iOS在这里所定义的尺寸并不是图标文件最后输出的尺寸,而是给设计师作图时,针对不同图标形状的参考尺寸,目的是为了让图标的视觉大小看上去一致。
 
 
我们除了了解app图标规范外,还需要浏览大量优秀的图标设计案例,图标设计案例是UI设计师们常用的设计方式之一。这样可以节省大量的时间,但是要求素材质量较高,而且要求图标成套。以前常用的阿里巴巴图标库里的图标质量挺好,但是成套的较少。在即时设计资源广场中搜索图标,会出现许多高质量成套图标,非常适合UI新手和希望快速提高设计能力的小伙伴们学习。
⬇⬇⬇点击获取免费图标资源
https://js.design/community?category=search&search=%E5%9B%BE%E6%A0%87&sortType=usage&source=zhihu&source=bky&plan=bbqbky745
 
 
 
3. 在线图标设计工具即时设计
不同的iOS设备的应用程序图标定义的样式略有不同,了解app图标规范有助于创建一个适应性、视觉一致性和信息传递有效性良好的图标。对设计感兴趣的朋友,若想实时跟进最新设计资讯,可以使用在线协同设计工具即时设计。
无论你从事设计行业多久,强大的工具可以帮助你更有效、更准确地完成工作。功能强大的即时设计将为你提供给一体化UI/UX设计,融合交互+视觉的能力,解锁全新水平的在线设计协作。
⬇⬇⬇点击获取免费图标资源
https://js.design/community?category=search&search=%E5%9B%BE%E6%A0%87&sortType=usage&source=bky&plan=bbqbky745