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

pp
1 评论 12983 浏览 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. 目前还没评论,等你发挥!
专题
40013人已学习26篇文章
近年来“物联网”的势头正足,5G网络宣告展开,未来的浪潮中一定会有“语音交互产品”的一席之地。
专题
12394人已学习12篇文章
在商战中,运营设计是至关重要的一部分。本专题的文章分享了运营设计的那些思路和技巧。
专题
11871人已学习12篇文章
对着互联网行业的不断发展,如今很多传统行业都与互联网想结合,医药行业也不例外。本文作者分享了关于互联网医疗的运营知识。
专题
12154人已学习12篇文章
随着现代科技的不断发展进步,智慧城市的建设也在不断发展,本专题的文章分享了智慧城市设计指南。
专题
18723人已学习13篇文章
AI产品经理的核心目的是通过AI技术创造和优化产品服务,丰富技术知识可以让自己在工作中拥有更多话语权。本专题的文章分享了AI产品经理需要掌握的AI技术。
专题
17739人已学习13篇文章
本专题的文章分享了小程序介绍、小程序搭建、优化设计规范和功能设计指南