自定义徽章图片指南

我将要求我们的设计团队为我们创建一些自定义徽章图像。

在此之前,了解这些图像应遵循哪些指南会很有用 :sweat_smile:

显然是正方形。还有其他要求吗?图像格式?分辨率?……?

1 个赞

好问题!

徽章通常渲染为约 14x14、16x16 或 56x56 像素。
大小可能会有所不同,因为它通常相对于元素的字体大小。
但这可以让你对可以瞄准的基础大小有一个概念。

另外:

  • 1:1 比例
  • SVG 用于缩放较小的图像,或 PNG 透明用于较大的图像;这取决于你想展示什么。
  • 考虑颜色(深色模式)
  • 如果需要,考虑徽章类型
  • 考虑它在小尺寸下的显示效果

目前我想到的就这些了。

如果我没记错的话,你也可以考虑创建一个自定义 SVG 图标。这样,它就可以很好地缩放并具有正确的颜色(以后也更容易更改)。

希望这有帮助。

5 个赞