从 Android 和 iPhone 谈手机图标设计

核心提示：中精度屏幕上，如程序不支持这样的大屏幕，从 Android 和 iPhone 谈手机图标设计(2)，系统会谎称是一个320×480的，多余的显示区域会被填充成黑色，图形之外的空间用于显示阴影和特殊效果，(Square Icon)橙色边框是另外一种图形尺寸，但为了达到最佳的显示效果，最好的方法还是设计多套图片

中精度屏幕上，如程序不支持这样的大屏幕，系统会谎称是一个320×480的，多余的显示区域会被填充成黑色。

但为了达到最佳的显示效果，最好的方法还是设计多套图片。那就有必要对于所有的屏幕依据精度值进行分级(高中低)，之后再设计三套icon：

先为主流的中精度屏幕(HVGA)设计一套icon，确定图片的像素尺寸。

为高精度屏幕将图片放大到150%，为低精度屏幕将图片缩小至75%。

将这三套资源放置到程序的三个文件夹下 ：res/drawable-mdpi/ 、res/drawable-hdpi/、 res/drawable-ldpi/。程序在运行时，平台会根据屏幕的精度调取合适的icon。

设计指南

Android标准icon

Launcher Icon是程序主界面上的功能图标，Android对于各个icon的风格有一定的要求：

符合当下的流行趋势，避免过度使用隐喻。

高度简化和夸张，小尺寸图标也能易于识别，不宜太复杂。

尝试抓住程序的主要特征，比如音像作为音乐的icon。

使用自然的轮廓和形状，看起来几何化和有机化，不失真实感。

Icon采用前视角，几乎没有透视，光源在顶部。

不光滑但富有质感。

正确和错误的icon

另外，所有的icon都有文字标签，不要在设计时把文字也放到icon中。

Launcher Icon通常是一个较大的标准图标中包含一个小图标，使用一个中性色彩和一个主要色彩，并保持高度的对比，不宜过度饱和。

推荐色值

尺寸和定位

Launcher icons要有多样化的形状和样式，但又要形成统一的视觉风格，其尺寸和定位也用统一：

(Full Asset)红色边框为图标尺寸

(Icon)蓝色边框是图形尺寸，比图标尺寸稍小，图形之外的空间用于显示阴影和特殊效果。

(Square Icon)橙色边框是另外一种图形尺寸。两种类型的图形尺寸可以达到统一的视觉权重。

Icon dimensions for high-density (hdpi) screens:

Full Asset: 72 x 72 px

Icon: 60 x 60 px

Square Icon: 56 x 56 px

Icon Dimensions for medium-density (mdpi) screens:

Full Asset: 48 x 48 px

Icon: 40 x 40 px

Square Icon: 38 x 3

Icon Dimensions for low-density (ldpi) screens: