之前提到了如何设计手机图标,这些图标最终仍将运行在手机系统上,所以需要遵循手机系统的设计说明,比如手机图标的尺寸是多大,设计展示时,圆角有多大。下图是iOS系统图标规范。
iOS图标匹配。
在这里,没有用的是普通屏幕,带@2x、@3x的分别用在2倍率和3倍率的Retina屏幕上,如图所示。一般采用做大而不做小的设计策略,做大图标,然后通过缩放得到相应的小尺寸图标。
这一节的iOS图标标准都是以iPhone6/6s/7为例。
1.应用程序图标。
App图标指应用程序图标,图标大小为120×120。若为游戏类应用,则此图标也将使用GameCenter。因为iOS应用程序图标是由系统统一切割圆角,所以设计时直接出方块图标。设计时可根据需要制作圆角供展示使用。显示的是iOS图标圆角参照表。
2.应用商店图标。
AppStore图标是指上传到商店的大小为1024×1024的应用图标。为吸引用户,可以添加更多设计细节。但是从效率角度考虑,应用程序图标的设计一般是一致的。现在的图标需要设计圆角,圆角像素为160。
3.标签栏导航图标。
tabbar导航图示:下一条导航条上的图标,50×50的设计尺寸。
4.导航条图标。
导航条图标指分布导航条上的功能图标,图标大小为44×44。
5.工具栏图标。
工具栏图标是指底部工具栏上的功能图标,大小为44×44。
6.设置图标。
设定图标指的是列表式表格视图中左边的功能图标,其大小是58×58。
7.WebClip图标。
WebClip图标表示如果您有Web小程序或网站,可以自定义图标。使用者可直接将网页放在桌面上,直接点击图标进入网页内容。图示尺寸为120×120。