IOS程序图标特性
iOS图标有很好的整体性,良好的整体性可以减少用户体验上带来的冲突,所以我们需要保持其中的一些特点,以便程序可以更好融入系统中,带给用户更好的应用体验。
图标尺寸(圆角大小)
iTunes Artwork icon :512px (90px)
App icon(iPhone4):114px (20px)
4像素的90度黑色投影/2像素的90度白色内投影/默认自带的高光
App icon(iPad) :72px (12px)
2像素的90度黑色投影/1像素的90度白色内投影默认自带的高光
App icon(iPhone 3G/3GS) :57px(10px)
2像素的90度黑色投影/1像素的90度白色内投影/默认自带的高光
Spotlight/Settings icon icon(iPhone4):58px (10px)
Spotlight/Settings icon icon(iPhone 3G/3GS/iPad):29px (9px)
图标的圆角和光晕效果
圆角效果:图标的圆角效果是系统自动加上的,我们不能控制。这也是为什么我们看到的每个图标,其圆角效果是完全相同的。
光晕效果:光晕效果也是系统加上的,和“圆角”不同,光晕效果是一个可选项。我们可以通过设置app的光晕参数(UIPrerenderedIcon),告诉系统是否要为我们的图标打上光晕效果。
总结:1)设计图标时要记得,图标的圆角效果是系统自动加上的,且是我们无法控制的。
2)设计图标前先决定,是否要使用系统内建的“光晕效果”。
App的界面漂亮 = App的“空白”界面漂亮,启动画面也就自然漂亮。
启动画面
我们可以为app设置启动画面,以便在app启动的时候显示。
苹果在其开发文档中,很明确地表示:启动画面的作用是给使用者一种错觉,一种app启动很快速的错觉。即,启动画面的初衷不是为了给用户某种“视觉上的冲击”。所以,苹果建议开发者使用app的“空白”界面作为启动画面。苹果自己的app就是这样做的。
如果我们无视这种约定,而是使用和app界面完全无关的“插画”作为启动画面,那么一般情况下,会有“地摊货”的嫌疑。虽然大多数的普通用户不清楚启动画面“应该”是什么样子:或许用户会喜欢有“视觉冲击力的”插画;或许用户会奇怪为何到了4月,启动画面却仍旧是春节的主题;又或许用户什么感觉也没有。
如果一定要使用插画,那么不妨先回答这样一个问题:考虑到苹果开发的app,其启动画面使用的都是朴素的“空白”界面,那么我们的app是否有足够充分的理由,来支持使用插画呢?
如果要让启动画面漂亮,我们可以先让app的界面漂亮;App的界面漂亮,那app的“空白”界面也就漂亮;App的“空白”界面漂亮,启动画面也就漂亮了。
App的界面漂亮 = App的“空白”界面漂亮,启动画面也就自然漂亮。
Retina
app要支持Retina,就要提供高分辨率的(宽x2,高x2)的图片。同时,为了支持没有Retina的设备,仍旧要准备低分辨率的版本。我们要准备两套图。
针对不同分辨率的图片,苹果规定了一个命名规范:
假如一个普通分辨率的图片,文件名是“abc.png”,那么与其对应的高分辨率的文件名就应该是“abc@2x.png”,多了“@2x”。
这里需要注意的是,虽然在浏览器中,第二张图片的面积是第一张的4倍,但是在支持Retina的iPhone中,显示的大小是一样的。
格式和尺寸
图标和启动画面的格式:
推荐使用PNG格式,可以是标准的24位颜色(红、绿和蓝各用8位),外加alpha通道的8位。不要在app图标上使用透明色。
图标的尺寸:
苹果有一份完整的文档,列出了app所需的全部图标尺寸,和其各自的使用环境。
App程序包必须包含以下标记为“必须”的图标。 图片尺寸的单位是px。
表格一:只支持iPhone的app图标要求。
表格二:只支持iPad的app图标要求。
表格三:Universal的app图标要求
启动画面的尺寸:
尺寸单位是px,宽x高。
iPhone/iPod Touch的启动画面是全尺寸,iPad的则要去掉“状态栏”(Status bar)的高度(20px)。iPad的启动画面是分模式的:竖排(portrait)和横排模式(landscape)。