Android 启动器图标圆角边缘半径

Posted

技术标签:

【中文标题】Android 启动器图标圆角边缘半径【英文标题】:Android Launcher Icon Rounded Corner Edge Radii 【发布时间】:2015-09-24 03:46:32 【问题描述】:

在为 android 启动器图标设置圆角时,边缘半径应为多少像素,是否有任何官方指南?

我找到了launcher icon pixel sizes 的指南(但没有提到圆角),这是一个名为Android Asset Studio 的工具,它可以为您圆角(但该工具在每个边缘提供了不受欢迎且不可配置的填充图标),以及另一个名为Icon Slayer 的工具(但该工具创建的角我觉得太圆了,感觉很ios)。

我还注意到,在我个人使用的所有启动器图标上有圆角的应用程序中,边缘半径似乎总是因图标而异。当我将各种图标并排放置时,有些图标看起来非常接近,但它们大多感觉只是有点偏离

有什么帮助吗?

【问题讨论】:

我的方法是在 512x512 中创建具有您正在寻找的圆角外观的图标。没有官方半径,所以选择你认为正确的。从那里,缩放到屏幕密度的各种尺寸。 【参考方案1】:

在副标题角落下查看页面下方约三分之二处的Google's official Material Design guidelines for Icons。 它表示您应该在拐角处使用 2px 半径。如果上几个部分,在标题 Content Area 下,您会看到这是一个 24x24 像素的图标。您可以从那里放大其他分辨率。

【讨论】:

好建议,@Sound Conception。通过适当缩放,我们得到以下结果:LDPI 应该是 36 x 36 = 3px 半径,MDPI 应该是 48 x 48 = 4px 半径,TVDPI 应该是 64 x 64 = 5px 半径,HDPI 应该是 72 x 72 = 6px 半径,XHDPI应该是 96 x 96 = 8px 半径,XXHDPI 应该是 144 x 144 = 12px 半径,XXXHDPI 应该是 192 x 192 = 16px 半径。【参考方案2】:

根据材料指南,角的半径应该是图标大小的8.33%

所以如果你的项目中图标的大小是: 1000px x 1000px,那么圆角半径应该是83.3px

但是,您可能应该使您的文档比这更大。 也许 2000px x 2000px,半径:

2000px * 0.0833 = 166.6px

这是为了以防您需要导出大于 1k 像素的图标版本。

【讨论】:

你能提供你的来源的链接吗? @Luke here,我根据他们提供的尺寸做了数学计算。【参考方案3】:

192x192 px 网格上的正方形和矩形,当用作 android 产品图标的背景形状时,应始终具有 12px 半径角。

Read details

【讨论】:

以上是关于Android 启动器图标圆角边缘半径的主要内容,如果未能解决你的问题,请参考以下文章

iOS和Android的APP启动图标和应用商店截图尺寸

用于背景的 Android 圆角边缘

如何使用 Photoshop CS5 绘制一个 Android 矩形图标

带边界半径的多线圆角

iOS App图标和启动画面尺寸

Android:如何将ActionBar“主页”图标更改为应用程序图标以外的东西?