android图标错误的是什么意思啊,浅谈Android系统的图标设计规范(2)

523249d539ae8bb1398e64d31612aea1.png

正确和错误的icon

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

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

977083c31e6189b4379cee9f4d035280.png

推荐色值

尺寸和定位

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

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

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

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

Icon dimensions for high-density (hdpi) screens:

fcea57beaf036c8d42e4c9a3ccff5bca.png

Full Asset: 72 x 72 px

Icon: 60 x 60 px

Square Icon: 56 x 56 px

Icon Dimensions for medium-density (mdpi) screens:

07e3ec4ce2d545649f5d58b8d276125d.png

Full Asset: 48 x 48 px

Icon: 40 x 40 px

Square Icon: 38 x 3

Icon Dimensions for low-density (ldpi) screens:

55dfc9d6431c22b2eee7bf7a959d6d8a.png

Full Asset: 36 x 36 px

Icon: 30 x 30 px

Square Icon: 28 x 28 px

模板

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

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

e314e845bb3099d0f429c98530d6201f.png

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等,今后我们会再介绍。

最后顺带介绍一点iPhone图标的设计建议。

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

4ecacd6edea65f8800ae39c07c49ca7f.png

程序icon的设计:

57×57像素,直角。

无发光效果。

无透明度。

将图片命名为Icon.png,放置在程序的资源包中,iPhone os会自动生成一个icon。

ebb4869affa2d71aca0a331391015e19.png

iPhone的icon设计就这么简单,iPhone的屏幕只有320×480像素,所以程序没有适配性问题。

参考文章:

《Icon Design Guidelines, Android 2.0》

《iPhone human interface guidelines》

2

下一页

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值