WEB开发网
开发学院手机开发iPhone 开发 Android vs iPhone icon设计指南 阅读

Android vs iPhone icon设计指南

 2010-05-06 16:12:00 来源:WEB开发网   
核心提示:尺寸和定位Launcher icons要有多样化的形状和样式,但又要形成统一的视觉风格,Android vs iPhone icon设计指南(3),其尺寸和定位也用统一:(Full Asset)红色边框为图标尺寸(Icon)蓝色边框是图形尺寸,比图标尺寸稍小,由于app软件可供全球的用户下载,所以在设计时,图形之外的空

尺寸和定位

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:

Full Asset: 36 x 36 px

Icon: 30 x 30 px

Square Icon: 28 x 28 px

模板

下载Android的标准图标模板,在此基础上绘制icon,后期还要加上阴影效果。

WVGA (高精度) 屏幕的阴影:

Effect: Drop Shadow

Color: #000000

Blend Mode: Multiply

Opacity: 75%

Angle: 90°

Distance: 2px

Spread: 0%

Size: 5px

另外,还有Menu icon 、Status bar icon 、Tab icon、 Dialog icon 和List view icon的设计教程请查看原文吧。

非常详尽的icon设计教程,一个程序里要放置三套icon,还有Android硬件比较好,不然内存爆掉了。

iPhone

iPhone对于icon的设计建议:富有吸引力和可识别性。由于app软件可供全球的用户下载,所以在设计时,也要考虑到用户不同的文化背景。

上一页  1 2 3 4  下一页

Tags:Android vs iPhone

编辑录入:coldstar [复制链接] [打 印]
赞助商链接