iOS App的图标，启动画面及其它
发布时间：2025-08-21 点击：18
图标的圆角和光晕效果
圆角效果。图标的圆角效果是系统自动加上的，我们不能控制。这也是为什么我们看到的每个图标，其圆角效果是完全相同的。
光晕效果。光晕效果也是系统加上的，和“圆角”不同的是，光晕效果是一个可选项。我们可以通过设置app的光晕参数（uiprerenderedicon），告诉系统是否要为我们的图标打上光晕效果。
总结：1）设计图标时请记得，图标的圆角效果是系统自动加上的，且是我们无法控制的。 2）设计图标前先决定，是否要使用系统内建的“光晕效果”。
每个图标都有相同的圆角。左边的两个图标有光晕效果，右边的两个没有。
启动画面
我们可以为app设置启动画面，以便在app启动的时候显示。苹果在其开发文档中，很明确地表示：启动画面的作用是给使用者一种错觉，一种app启动很快速的错觉。即，启动画面的初衷不是为了给用户某种“视觉上的冲击”。所以，苹果建议开发者使用app的“空白”界面作为启动画面。苹果自己的app就是这样做的。如果我们无视这种约定，而是使用和app界面完全无关的“插画”作为启动画面（很多app都是这样），那么一般情况下，会有“地摊货”的嫌疑。虽然大多数的普通用户不清楚启动画面“应该”是什么样子：或许用户会喜欢有“视觉冲击力的”插画；或许用户会奇怪为何到了4月，启动画面却仍旧是春节的主题；又或许用户什么感觉也没有。如果一定要使用插画，那么不妨先回答这样一个问题：考虑到苹果开发的app，其启动画面使用的都是朴素的“空白”界，那么我们的app是否有足够充分的理由，来支持使用插画呢？
如果要让启动画面漂亮，我们可以先让app的界面漂亮；app的界面漂亮，那app的“空白”界面也就漂亮；app的“空白”界面漂亮，启动画面也就漂亮了。
系统自带的“时钟”app。第一张是启动画面：使用的是app的“空白”界面。第二张是app运行时的截图。
app的界面漂亮 ＝ app的“空白”界面漂亮，启动画面也就自然漂亮。比如，tweetbot的启动画面。
retina
iphone 4和ipod touch 4有一个新的特性：在屏幕尺寸不变的前提下，分辨率提升一倍（320 x 480 =》 640 x 960）。苹果将这个特性命名为retina。
用苹果的话讲：
retina显示屏的超高像素密度已超过人眼能分辨的范围。
retina对图像设计（图标、启动画面和其它所有像素有关的东西）有什么影响呢？如果我们的app要支持retina，就要提供高分辨率的（宽x2，高x2）的图片。同时，为了支持没有retina的设备，仍旧要准备低分辨率的版本。换言之，我们要准备两套图。
针对不同分辨率的图片，苹果规定了一个命名规范：假如一个普通分辨率的图片，文件名是“abc.png”，那么与其对应的高分辨率的文件名就应该是“abc@2x.png”，多了“@2x”。
举一个例子：
icon.png
icon@2x.png
这里需要注意的是，虽然在浏览器中，第二张图片的面积是第一张的4倍，但是在支持retina的iphone中，显示的大小是一样的。
格式和尺寸
图标和启动画面的格式：推荐使用png格式，可以是标准的24位颜色（红、绿和蓝各用8位），外加alpha通道的8位。不要在app图标上使用透明色。
图标的尺寸：苹果有一份完整的文档，列出了app所需的全部图标尺寸，和其各自的使用环境。
technical q&a qa1686： app icons on ipad and iphone
app程序包必须包含以下标记为“必须”的图标。
图片尺寸的单位是px。
表格一：只支持iphone的app图标要求。
尺寸文件名用途是否必须备注
512×512itunesartworkad hoc itunes可选，但建议加入文件应该是png格式，但文件名不要使用.png后缀。
57×57icon.pngiphone/ipod touch的app store和主屏幕（home screen）
114×114icon@2x.png高分辨率的iphone 4主屏幕可选，但建议加入
72×72icon-72.png主屏幕，为了兼容ipad可选，但建议加入
29×29icon-small.pngspotlight和设置app可选，但建议加入
50×50icon-small-50.pngspotlight，为了兼容ipad如果app有设置程序包，那么建议加入。否则可选，但建议加入。
58×58icon-small@2x.png高分辨率的iphone 4的spotlight和设置app如果app有设置程序包，那么建议加入。否则可选，但建议加入。
表格二：只支持ipad的app图标要求。
尺寸文件名用途是否必须备注
512×512itunesartworkad hoc itunes可选，但建议加入文件应该是png格式，但文件名不要使用.png后缀。
72×72icon-72.pngipad的app store和主屏幕
50×50icon-small-50.pngipad的spotlight可选，但建议加入。
29×29icon-small.pngipad的设置app如果app有设置程序包，那么建议加入。否则可选，但建议加入。
表格三：universal的app图标要求。
尺寸文件名用途是否必须备注
512×512itunesartworkad hoc itunes可选，但建议加入文件应该是png格式，但文件名不要使用.png后缀。
57×57icon.pngiphone/ipod touch的app store和主屏幕（home screen）
114×114icon@2x.png高分辨率的iphone 4主屏幕可选，但建议加入
72×72icon-72.pngipad的app store和主屏幕
29×29icon-small.pngipad和iphone的设置app，iphone的spotlight如果app有设置程序包，那么建议加入。否则可选，但建议加入。
50×50icon-small-50.pngipad的spotlight可选，但建议加入。
58×58icon-small@2x.png高分辨率的iphone 4的spotlight和设置app如果app有设置程序包，那么建议加入。否则可选，但建议加入。
启动画面的尺寸：
尺寸单位是px，宽x高。
iphone/ipod touch的启动画面是全尺寸，ipad的则要去掉“状态栏”（status bar）的高度（20px）。
ipad的启动画面是分模式的：竖排（portrait）和横排模式（landscape）。
怎样买虚拟主机推荐
专访完美邮箱负责人：不靠靓号商城赚钱，一年后再谈商业化
微信推出企业号 SaaS会受到什么影响
php如何清除页面缓存？
原空间是把导出再导入到这个新空间时出错
直击用户大脑：用户研究新方式（眼动&脑电研究）
交互好且转化率高的表单设计技巧分享
腾讯云服务器怎么安装卓模拟器
圆角效果。图标的圆角效果是系统自动加上的，我们不能控制。这也是为什么我们看到的每个图标，其圆角效果是完全相同的。
光晕效果。光晕效果也是系统加上的，和“圆角”不同的是，光晕效果是一个可选项。我们可以通过设置app的光晕参数（uiprerenderedicon），告诉系统是否要为我们的图标打上光晕效果。
总结：1）设计图标时请记得，图标的圆角效果是系统自动加上的，且是我们无法控制的。 2）设计图标前先决定，是否要使用系统内建的“光晕效果”。
每个图标都有相同的圆角。左边的两个图标有光晕效果，右边的两个没有。
启动画面
我们可以为app设置启动画面，以便在app启动的时候显示。苹果在其开发文档中，很明确地表示：启动画面的作用是给使用者一种错觉，一种app启动很快速的错觉。即，启动画面的初衷不是为了给用户某种“视觉上的冲击”。所以，苹果建议开发者使用app的“空白”界面作为启动画面。苹果自己的app就是这样做的。如果我们无视这种约定，而是使用和app界面完全无关的“插画”作为启动画面（很多app都是这样），那么一般情况下，会有“地摊货”的嫌疑。虽然大多数的普通用户不清楚启动画面“应该”是什么样子：或许用户会喜欢有“视觉冲击力的”插画；或许用户会奇怪为何到了4月，启动画面却仍旧是春节的主题；又或许用户什么感觉也没有。如果一定要使用插画，那么不妨先回答这样一个问题：考虑到苹果开发的app，其启动画面使用的都是朴素的“空白”界，那么我们的app是否有足够充分的理由，来支持使用插画呢？
如果要让启动画面漂亮，我们可以先让app的界面漂亮；app的界面漂亮，那app的“空白”界面也就漂亮；app的“空白”界面漂亮，启动画面也就漂亮了。
系统自带的“时钟”app。第一张是启动画面：使用的是app的“空白”界面。第二张是app运行时的截图。
app的界面漂亮 ＝ app的“空白”界面漂亮，启动画面也就自然漂亮。比如，tweetbot的启动画面。
retina
iphone 4和ipod touch 4有一个新的特性：在屏幕尺寸不变的前提下，分辨率提升一倍（320 x 480 =》 640 x 960）。苹果将这个特性命名为retina。
用苹果的话讲：
retina显示屏的超高像素密度已超过人眼能分辨的范围。
retina对图像设计（图标、启动画面和其它所有像素有关的东西）有什么影响呢？如果我们的app要支持retina，就要提供高分辨率的（宽x2，高x2）的图片。同时，为了支持没有retina的设备，仍旧要准备低分辨率的版本。换言之，我们要准备两套图。
针对不同分辨率的图片，苹果规定了一个命名规范：假如一个普通分辨率的图片，文件名是“abc.png”，那么与其对应的高分辨率的文件名就应该是“abc@2x.png”，多了“@2x”。
举一个例子：
icon.png
icon@2x.png
这里需要注意的是，虽然在浏览器中，第二张图片的面积是第一张的4倍，但是在支持retina的iphone中，显示的大小是一样的。
格式和尺寸
图标和启动画面的格式：推荐使用png格式，可以是标准的24位颜色（红、绿和蓝各用8位），外加alpha通道的8位。不要在app图标上使用透明色。
图标的尺寸：苹果有一份完整的文档，列出了app所需的全部图标尺寸，和其各自的使用环境。
technical q&a qa1686： app icons on ipad and iphone
app程序包必须包含以下标记为“必须”的图标。
图片尺寸的单位是px。
表格一：只支持iphone的app图标要求。
尺寸文件名用途是否必须备注
512×512itunesartworkad hoc itunes可选，但建议加入文件应该是png格式，但文件名不要使用.png后缀。
57×57icon.pngiphone/ipod touch的app store和主屏幕（home screen）
114×114icon@2x.png高分辨率的iphone 4主屏幕可选，但建议加入
72×72icon-72.png主屏幕，为了兼容ipad可选，但建议加入
29×29icon-small.pngspotlight和设置app可选，但建议加入
50×50icon-small-50.pngspotlight，为了兼容ipad如果app有设置程序包，那么建议加入。否则可选，但建议加入。
58×58icon-small@2x.png高分辨率的iphone 4的spotlight和设置app如果app有设置程序包，那么建议加入。否则可选，但建议加入。
表格二：只支持ipad的app图标要求。
尺寸文件名用途是否必须备注
512×512itunesartworkad hoc itunes可选，但建议加入文件应该是png格式，但文件名不要使用.png后缀。
72×72icon-72.pngipad的app store和主屏幕
50×50icon-small-50.pngipad的spotlight可选，但建议加入。
29×29icon-small.pngipad的设置app如果app有设置程序包，那么建议加入。否则可选，但建议加入。
表格三：universal的app图标要求。
尺寸文件名用途是否必须备注
512×512itunesartworkad hoc itunes可选，但建议加入文件应该是png格式，但文件名不要使用.png后缀。
57×57icon.pngiphone/ipod touch的app store和主屏幕（home screen）
114×114icon@2x.png高分辨率的iphone 4主屏幕可选，但建议加入
72×72icon-72.pngipad的app store和主屏幕
29×29icon-small.pngipad和iphone的设置app，iphone的spotlight如果app有设置程序包，那么建议加入。否则可选，但建议加入。
50×50icon-small-50.pngipad的spotlight可选，但建议加入。
58×58icon-small@2x.png高分辨率的iphone 4的spotlight和设置app如果app有设置程序包，那么建议加入。否则可选，但建议加入。
启动画面的尺寸：
尺寸单位是px，宽x高。
iphone/ipod touch的启动画面是全尺寸，ipad的则要去掉“状态栏”（status bar）的高度（20px）。
ipad的启动画面是分模式的：竖排（portrait）和横排模式（landscape）。
怎样买虚拟主机推荐
专访完美邮箱负责人：不靠靓号商城赚钱，一年后再谈商业化
微信推出企业号 SaaS会受到什么影响
php如何清除页面缓存？
原空间是把导出再导入到这个新空间时出错
直击用户大脑：用户研究新方式（眼动&脑电研究）
交互好且转化率高的表单设计技巧分享
腾讯云服务器怎么安装卓模拟器
上一篇：百度智能云特价服务器