iOS App的图标,启动画面及其它

转载 2012年03月25日 14:54:10

图标的圆角和光晕效果

圆角效果。图标的圆角效果是系统自动加上的,我们不能控制。这也是为什么我们看到的每个图标,其圆角效果是完全相同的。

光晕效果。光晕效果也是系统加上的,和“圆角”不同的是,光晕效果是一个可选项。我们可以通过设置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 横排

iOS App图标和启动画面尺寸

1. 桌面图标 (app icon) for iPhone6 plus(@3x) : 180 x 180for iPhone 6/5s/5/4s/4(@2x) : 120 x 120 2. 系统搜索...
  • maiwc
  • maiwc
  • 2015年12月31日 09:32
  • 1056

iOS App的图标,启动画面及其它

图标的圆角和光晕效果 圆角效果。图标的圆角效果是系统自动加上的,我们不能控制。这也是为什么我们看到的每个图标,其圆角效果是完全相同的。 光晕效果。光晕效果也是系统加上的,和“圆角”不同的是...

iOS App的图标,启动画面及其它

注意:最新的图标尺寸和文件名规格以Apple的文档为准:Technical Q&A QA1686: App Icons on iPad and iPhone。其中要注意,iTunesArtWork这项...

iOS App的图标,启动画面及其他

转载自:http://www.xiaweipin.com/archives/28#roundcorner 注意:最新的图标尺寸和文件名规格以Apple的文档为准:Technical Q&A ...

iOS App的图标,启动画面及其它

我们可以为app设置启动画面,以便在app启动的时候显示。苹果在其开发文档中,很明确地表示:启动画面的作用是给使用者一种错觉,一种app启动很快速的错觉。即,启动画面的初衷不是为了给用户某种“视觉上的...

iOS App图标和启动画面尺寸

转自:www.jianshu.com/p/adpKye iphone平台一般要求3种规格的图片:1x、2x、3x,也是就Icon.png、Icon@2x.png、Icon@3x.png. ...

iOS App的图标,启动画面及其它

注意: 最新的图标尺寸和文件名规格以Apple的文档为准:Technical Q&A QA1686: App Icons on iPad and iPhone 。其中要注意,iTunesArtWork...
  • wit521
  • wit521
  • 2013年02月25日 09:29
  • 348

第八部分:如何在iOS App中添加启动画面?

http://www.entlib.net/?p=1821 你可以认为你需要为启动画面编写代码,然而Apple让你可以非常简单地在Xcode中完成。不需要编写代码,你仅需要在Xcode中进行...

IOS开发8---APP应用程序图标 及 程序启动画面设置

1.首先只是苹果官方给的关于应用程序图标设置的描述:http://developer.apple.com/library/ios/#qa/qa1686/_index.html 我们着重看下 ...

APP应用程序图标 及 程序启动画面设置 ios logo设置

转自:http://my.oschina.net/u/661032/blog/80663 1.首先只是苹果官方给的关于应用程序图标设置的描述:http://developer.app...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS App的图标,启动画面及其它
举报原因:
原因补充:

(最多只允许输入30个字)