徽标设计指南

格式正确的剪裁徽标可提高代理的可信度，从而提高用户互动度。如果徽标显示得不好，相比代理，品牌代理的信任度会降低。由于徽标对用户的看法有多大，以及用户使用代理的意愿有多强烈，因此徽标务必能很好地显示。

将徽标剪裁成圆形。由于图像是矩形定义的，因此您需要检查徽标是否剪裁成圆形。您无需考虑徽标周围显示的边框粗细。边框不会与徽标图片重叠。

主打图片显示在代理的信息和选项屏幕中，并部分位于代理徽标后面。 您需要考虑徽标重叠的情况，并确保主打图片宽高比正确无误 (45:14)。

正确做法

请在图片中留出足够的空间，以便进行剪裁。

适当间隔的徽标

使用模拟剪裁的徽标在徽标上剪裁成功

剪裁圆圈中的徽标间隔合理

模拟中的徽标剪裁已剪裁成功

在整个徽标的四面与广告周围各留出一定的距离，确保徽标能够正常、完整地呈现。

采用图片边框后等宽测量的徽标

采用剪裁边框的图片边框采用相同测量结果的徽标

主打图片的宽高比为 45:14，请注意，徽标的部分内容与主打图片重叠。

宽高比正确的主打图片

模拟中的主打图片

错误做法

当徽标占据图片的完整高度和宽度时，徽标的部分内容经常会被剪裁掉。这会导致图标不平衡、剪裁不当，容易出现可信问题。

格式不正确的徽标

模拟中的徽标剪裁不当

剪裁圆圈中的徽标格式不正确

如果主打图片与宽高比不匹配，主打图片的某些部分会被剪裁掉。 结果是图片显示效果不佳或无法很好地代表您的代理。

主打图片剪裁错误

模拟中的主打图片裁剪不当

剪裁矩形中的主打图片

请谨慎操作

启用深色模式后，徽标不会更新。除非你的徽标在白色和黑色背景中具有足够的对比度和可识别性，否则请避免使用具有半透明效果的图片。没有足够对比度的徽标会形成深色模式背景，且清晰度降低。如果透明背景不适合您的徽标，请使用白色背景。

在深色模式下使用透明背景的徽标

在深色模式下使用白色背景的徽标

资源

以下资源可以帮助您设计徽标或排查问题。

模板

使用圆形徽标模板作为您创建的代理徽标的基础。

下载： [PNG]   [SVG]

使用矩形主打图片模板，作为您创建的代理主打图片的基础。

下载： [PNG]   [SVG]

徽标预览工具

输入徽标的网址，以查看其对用户的显示效果。

注意：托管图片的网络服务器必须允许将图片嵌入到其他网站中。