快好知 kuaihz

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

不同的安卓手机系统对应的桌面图标处理也不相同,作者经过检验发现:主流安卓手机在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个像素用于填充(无底色)。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:规范  规范词条  图标  图标词条  桌面  桌面词条  Android  Android词条  设计  设计词条  
设计

 详解影响交互设计的两大要素

对C端产品来说,影响交互设计的因素有两大部分,那就是——架构和人机交互。那么在两部分中,又有哪些细分的设计要点与注意事项呢?笔者将为大家揭晓。先延伸几个实际生活...(展开)

设计

 UI设计师如何助力PM的原型图?

本文笔者将从产品分析五要素——用户、行为、目标、场景、媒介,来讲述:UI设计师如何在产品设计之前对产品进行分析?前段时间准备跟朋友开发一个垂直领域新闻类的产品,...(展开)

设计

 陌陌改版,意欲何为?

中秋前有朋友给我送了一件T恤,上书“TALK TO ME”几个墨色字母,在这个寂寞的季节,走在街上虽有人侧目,但没有任何人主动 TALK TO ME,不论男女。...(展开)