iOS 系统图标设计 规则 iOS 系统图标设计规则 三

深圳职业技术学院/SHENZHENPOLYTECHNIC三手机UI的图标设计UI设计/主讲：高博iOS系统图标设计规则1iOS系统图标设计规则1深圳职业技术学院/SHENZHENPOLYTECHNIC(一）程序图标、小图表、文档图标、快捷方式预备每个app都需要一个应用图标和一个启动画面。此外，一些app还需要自定义导航栏、工具栏和标签栏上的图标以呈现app的特有的内容、功能或模式。所有图像和图标都推荐使用PNG格式，但要避免使用交错的PNG图片。图标和图像标准色彩深度是24位，即给8位的红、绿、蓝加上一个8位的alpha通道。你不需要强制使用web安全色。深圳职业技术学院/SHENZHENPOLYTECHNIC1.程序图标

程序图标常放在桌面，点击可启动程序，是程序有机的组成部分，是品牌宣传和视觉设计的结合，具有高度可辨。程序图标也会被用在GameCenter中。

设备不同要创建与其相应的程序图标。一般会提供3中尺寸的图标。

为iPhone和iTouch设计的图标：57像素X57像素114像素X114像素（高分辩率）

在桌面显示时会自动添加以下效果：

有90度角、没有高光效果、不使用透明层iOS系统自动为图标添加园角深圳职业技术学院/SHENZHENPOLYTECHNIC2.小图标

iOS程序还需要一个小版本的图标，用于在Spotlight搜索结果里展示某个程序。

在iPhone和iPodTouch中，iOS在Spotlight搜索结果和Settings里用的是同一个图标，如果没提供这个版本，iOS会把程序图标压缩做成程序展示图标。

对于iPhone，应用图标尺寸如下：29像素X29像素58像素X58像素（高分辩率）深圳职业技术学院/SHENZHENPOLYTECHNIC3.文档图标

如果iOS程序定义了自己的文档类型，也要制作一款图标来识别。如果没有提供定制的文档图标，iOS会把程序图标改成用作默认的文档图标。如果你的iOSapp建了一个自定义类型的文档，你想让用户一眼就能认出这些文档，iOS会使用你的应用图标去生成文档图标。深圳职业技术学院/SHENZHENPOLYTECHNIC

可根据程序运行的平台的不同，创建两种尺寸的文档图标。对于iPhone版iOS图标，创建两种尺寸的文档图标22像素X29像素44像素X58像素

可将制作的图标居中或缩放填充在规定的格子里。如创建完整的64素X64像素的文档图标，先加入Margin,创建安全区。深圳职业技术学院/SHENZHENPOLYTECHNIC叠加遮罩前的120x120像素图标叠加遮罩后的120x120像素图标当iOS在设备的“主屏幕”页面中显示一个应用图标时，它会自动叠加一个圆角遮罩。4.Web快捷方式图标

若制作的程序中带有Web小程序或者网站，可为其定制一款图标放在桌面上，点击图标可直接访问网页内容。

最好将网页中有特色的照片或可识别的颜色主题应用到图标里。为确保图标在设备上更美观

在iPhone和iPodTouch中，创建两种尺寸的图标57像素X57像素114像素X114像素深圳职业技术学院/SHENZHENPOLYTECHNIC创建一个大尺寸的应用图标，以展示在AppStore中。这个版本要能立即被识别成你的应用图标，它可以拥有更丰富的细节。AppStore需要创建两种尺寸