iOS App的图标,启动画面及其它
注意: 最新的图标尺寸和文件名规格以Apple的文档为准:Technical Q&A QA1686: App Icons on iPad and iPhone 。其中要注意,iTunesArtWork这项不用 写入Info.plist的Icon files。这点Apple的文档加粗说明了。
图标的圆角和光晕效果
圆角效果。 图标的圆角效果是系统自动加上的,我们不能控制。这也是为什么我们看到的每个图标,其圆角效果是完全相同的。
光晕效果。 光晕效果也是系统加上的,和“圆角”不同的是,光晕效果是一个可选项。我们可以通过设置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×512 | iTunesArtwork | Ad Hoc iTunes | 可选,但建议加入 | 文件应该是PNG格式,但文件名不要使用.png后缀。 |
57×57 | Icon.png | iPhone/iPod touch的App Store和主屏幕(Home screen) | 必须 | 无 |
114×114 | Icon@2x.png | 高分辨率的iPhone 4主屏幕 | 可选,但建议加入 | 无 |
72×72 | Icon-72.png | 主屏幕,为了兼容iPad | 可选,但建议加入 | 无 |
29×29 | Icon-Small.png | Spotlight和设置app | 可选,但建议加入 | 无 |
50×50 | Icon-Small-50.png | Spotlight,为了兼容iPad | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
58×58 | Icon-Small@2x.png | 高分辨率的iPhone 4的Spotlight和设置app | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
表格二:只支持iPad的app图标要求。
尺寸 | 文件名 | 用途 | 是否必须 | 备注 |
---|---|---|---|---|
512×512 | iTunesArtwork | Ad Hoc iTunes | 可选,但建议加入 | 文件应该是PNG格式,但文件名不要使用.png后缀。 |
72×72 | Icon-72.png | iPad的App Store和主屏幕 | 必须 | 无 |
50×50 | Icon-Small-50.png | iPad的Spotlight | 可选,但建议加入。 | 无 |
29×29 | Icon-Small.png | iPad的设置app | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
表格三:Universal的app图标要求。
尺寸 | 文件名 | 用途 | 是否必须 | 备注 |
---|---|---|---|---|
512×512 | iTunesArtwork | Ad Hoc iTunes | 可选,但建议加入 | 文件应该是PNG格式,但文件名不要使用.png后缀。 |
57×57 | Icon.png | iPhone/iPod touch的App Store和主屏幕(Home screen) | 必须 | 无 |
114×114 | Icon@2x.png | 高分辨率的iPhone 4主屏幕 | 可选,但建议加入 | 无 |
72×72 | Icon-72.png | iPad的App Store和主屏幕 | 必须 | 无 |
29×29 | Icon-Small.png | iPad和iPhone的设置app,iPhone的Spotlight | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
50×50 | Icon-Small-50.png | iPad的Spotlight | 可选,但建议加入。 | 无 |
58×58 | Icon-Small@2x.png | 高分辨率的iPhone 4的Spotlight和设置app | 如果app有设置程序包,那么建议加入。否则可选,但建议加入。 | 无 |
启动画面的尺寸:
- 尺寸单位是px,宽x高。
- iPhone/iPod Touch的启动画面是全尺寸,iPad的则要去掉“状态栏”(Status bar)的高度(20px)。
- iPad的启动画面是分模式的:竖排(portrait)和横排模式(landscape)。
尺寸 | 设备 | 模式 |
---|---|---|
320 x 480 | 低分辨率iPhone/iPod Touch | 竖排和横排 |
640 x 960 | 高分辨率iPhone/iPod Touch | 竖排和横排 |
768 x 1004 | iPad | 竖排 |
1024 x 748 | iPad | 横排 |
来源:http://www.xiaweipin.com/archives/28
iOS App的图标,启动画面及其它相关推荐
- IOS App 的图标和启动图的烦恼
前言: 好多iOS App的开发者都会面临的一个问题,那就是 App 的图标(icon) 和启动图(launch images) . 一些没有经验(指的是没做过App审计的)的UI设计师, ...
- IOS APP的图标尺寸、启动画面尺寸、宣传画面尺寸
1.启动画面的尺寸 iPhone5和iPod touch5代: 640*1136像素 其他iPhone和iPod touch设备: 640*960像素,320*480像素(标准分辨率) 对于iPad的 ...
- iOS App更换图标Logo(本地更换)
1.各大购物平台在节假日都是更换App Icon图标 通常有两种方式:1.每换一个新的图标,需要重新上一次AppStore: 2.在项目里预留好未来需要更换的图标,用api触发(或者本地时间判断自动更 ...
- Android 点击APP桌面图标启动时黑屏或者白屏
问题:当APP添加了闪屏页后,可能会出现点击桌面图标启动APP时先黑屏或者白屏后,再显示闪屏页,不利于用户体验. 解决: 1.解决方法很简单,在APP的style资源文件中添加如下代码: <st ...
- iOS App桌面图标和名称
1.App桌面图标如下图: 2.App桌面名称如下图: OK!祝您生活愉快! 要是对您有用,问好,谢谢.
- iOS App icon、启动页、图标规范
下面是App Icon需要的尺寸和命名(尺寸和命名不做解释): 尺寸 命名 ...
- 马蜂窝 iOS App 启动治理:回归用户体验
增长.活跃.留存是移动 App 的常见核心指标,直接反映一款 App 甚至一个互联网公司运行的健康程度和发展动能.启动流程的体验决定了用户的第一印象,在一定程度上影响了用户活跃度和留存率.因此,确保启 ...
- flutter 修改iOS app图标 名称
这里主要讲2点,一是 iOS app的图标尺寸大小,二 是如何修改iOS app图标以及名称 iOS图标尺寸大小 首先我们打开xcode,并打开项目,找到app图标的位置 接下来我们可以看到图标下面有 ...
- iOS开发icon图标设置
图标的圆角和光晕效果 圆角效果.图标的圆角效果是系统自动加上的,我们不能控制.这也是为什么我们看到的每个图标,其圆角效果是完全相同的. 光晕效果.光晕效果也是系统加上的,和"圆角" ...
最新文章
- 实现一个基于 SharePoint 2013 的 Timecard 应用(下)
- 第四章之Hadoop I/O
- 开始一瓢凉水浇顶,然后慢慢的感觉良好。
- vue+element-ui操作删除(单行和批量删除)
- POJ - 2826 An Easy Problem?!(计算几何,好题)
- csrf攻击 java_java使用jsp servlet来防止csrf 攻击的实现方法
- 记腾讯互娱网站布局(3)
- 会声会影背景轨中的所有效果和素材导出为html5格式导入不,如何解决会声会影导入导出的格式问题?...
- Xcode下的中文乱码问题
- ITIL4 服务管理的四个维度
- VideoPlayer
- java beanshell_jmeter进阶之Beanshell引用Java代码
- mysql 生成一张全年日期表:工作日、周末、节假日
- 手把手教你阿里云服务器搭建网站(超详细图文)
- 教你在五分钟构建一个App页面
- Python实现爬取腾讯招聘网岗位信息
- 关于安卓视频加水印与剪辑功能实现
- SQL server登录密码重置(忘记密码)
- 握手引理_图论中的握手引理–握手定理
- 计算灰度共生矩阵GLCM