开发指南/开发小程序（不推荐）/小程序设计规范/视觉规范/图标
# 应用图标
## 设计原则
应用图标是品牌和产品的视觉表达。
<br>在图标形状方面：尽量以简洁的样式呈现给用户，方便用户识别和记忆。
<br>在图标配色方面：应该尽量与产品调性保持一致，符合用户的认知习惯，提高用户的识别效率。
## 图标大小
图标大小请设置为 240*240px（ 图片必须是正方形，不得出现圆角）。
<br>图标内部图形尽量控制在 keyline 模版内。
<br>图片大小控制在 ≤100kb。

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/fffed708d94aff4df2646268eeb1d9b8_l5IShNuu3Z.png?lazyload=true&width=4800&height=2880)

## 形状规范
品牌图形：简单面状图形，方便用户识别与记忆
<br>背景色：纯色或渐变背景，与产品属性保持一致，符合用户的认知习惯，提高用户的识别效率。
<br>彩色背景下，品牌图形建议使用白色面状图形；白色背景或浅色背景下，品牌图形建议使用彩色面状图形，帮助识别

- 面形图形会比线性图形更饱满，视觉上会有膨胀感，所以需要根据实际图形采用不同的体积标准
- 图形尽可能在容差范围内进行绘制

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/b5819a0bfc5617dfaf7a8d02606aeaf9_SvbaKdNTDM.png?lazyload=true&width=4800&height=2880)
## 使用场景
上传后的图标会被展示在应用中心入口和应用商店等界面。

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/a6b29092de218aaa2b5b5aa2198dcc43_ehHRXQjQtA.png?lazyload=true&width=4800&height=2880)

## 注意事项
在应用图标的设计过程中，请避免出现下列情况。

![image.png](//sf16-sg.larksuitecdn.com/obj/open-platform-opendoc-sg/29a32c2efdccbfc891493d035e2ac2bc_e4LJcDZsc2.png?lazyload=true&width=4800&height=2880)