规范篇:Android设计规范—桌面图标

pp
1 评论 12624 浏览 60 收藏 4 分钟

不同的安卓手机系统对应的桌面图标处理也不相同,作者经过检验发现:主流安卓手机在96x96px尺寸下圆角小于等于20px为安全值。

因为安卓手机品牌太多,每个手机品牌系统不同可能对桌面图标的处理也不相同。

并不是完全统计:除了小米手机,其他的安卓手机在网上没有查到规范,并不像ios系统直接提供直角即可。需要先搞清楚对桌面图标进行统一剪裁的手机平台规范,就可知道圆角设置能保证在这些平台可完全匹配,不出现白边黑边的情况。

在多个统一剪裁的手机里面装上一些用户多的app进行比较,看是否都完美的匹配未出现白边黑边的情况。

比较了淘宝、京东、QQ、支付宝、微信、腾讯、爱奇艺、小红书等APP,发现除了小红书其他的APP都未出现问题,那么就可以肯定小红书的圆角大小是不安全的。

下图为从apk包里找出来的桌面图标切图,以下4个尺寸为开发包里所需要的切图尺寸。

发现在96x96px尺寸下圆角为20px占到了42%,那么21px-22px是否能保证完美匹配?

可以将圆角21px和圆角22px的切图输出给开发小哥哥,放到包里然后在测试机上检验,发现在小米手机上会出现白边黑边的情况。

那么可以得出结论在96x96px尺寸下圆角小于等于20px为安全值(这个安全值并不能说明可以包含所有的安卓手机,毕竟安卓手机品牌太多系统版本也是很多,但至少可以涵盖大部分主流安卓手机品牌)选用这个值也有一定道理,会发现20px这个值在各分辨率等比缩放下都能保证圆角是整数。

注:

应用程序图标 (Icon)是一个 Alpha 通道透明的32位 PNG 图片。由于安卓设备众多,一个应用程序图标需要设计几种不同大小,如:

  • LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。
  • MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 x 48 px。
  • HDPI (High Density Screen, 240 DPI),其图标大小为 72 x 72 px。
  • xhdpi (Extra-high density screen, 320 DPI),其图标大小为 96 x 96 px。

在设计过程中,在四周空出几个像素点使得设计的图标与其他图标在视觉上一致。

例如:

  • 96 x 96 px 图标可以画图区域大小可以设为 88 x 88 px, 四周留出4个像素用于填充(无底色)。
  • 72 x 72 px 图标可以画图区域大小可以设为 68 x 68 px, 四周留出2个像素用于填充(无底色)。
  • 48 x 48 px 图标可以画图区域大小可以设为 46 x 46 px, 四周留出1个像素用于填充(无底色)。
  • 36 x 36 px 图标可以画图区域大小可以设为 34 x 34 px, 四周留出1个像素用于填充(无底色)。

 

本文由 @pp 原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!