图标和名称使用指南

有关使用 Visual Studio Code 和 VS Code 图标和名称所需了解的所有信息。

图标

正确的图标

VS 代码图标

Visual Studio Code“稳定”图标

蓝色图标代表 Microsoft Visual Studio Code,应在适当的地方使用。

VS Code 图标(白色)

替代图标

当对比度不足时才使用白色变体(例如,在蓝色背景上)。

下载图标包 下载图标 包括 PNG 和 SVG 文件

错误的图标

请不要使用这些图标:

请勿使用:VS Code“内部人员”或“探索”图标(分别为绿色和橙色) 不使用

不要使用绿色图标(VS Code Insiders)或橙色图标(VS Code Exploration)...

请勿使用:VS Code 应用程序图标(例如 macOS 应用程序图标) 不使用

...或应用程序图标...

请勿使用:较旧的 VS Code 徽标和/或应用程序图标 不使用

…或复古图标

图标使用

标志间距

显示具有适当间距的 VS Code 图标

确保图标周围距离最近边缘的清理空间量相当于“鱼”主题比例的 25%。

 

我们可以接受的事情

好的

在有关 Visual Studio Code 的文档或教程(文本和视频格式)、博客文章、新闻文章中使用该图标。

好的

使用图标链接到我们的网站 ( code.visualstudio.com )。

我们不满意的事情

不好

使用图标来标识或推广您自己的产品、服务、应用程序、VS Code 扩展、博客、播客、时事通讯、视频、频道等。

不好

使用我们的图标以任何方式将您的产品与 Microsoft 或其品牌相关联。

不好

销售带有我们图标的商品或其他产品。

不好

将 VS Code 图标集成到您的徽标中。

不好

使用该图标作为 Visual Studio Code 或其他品牌的锁定(例如,不要将该图标用作与“Visual Studio Code”名称配对的徽标)。

不好
创建图标的修改版本,例如:
以不同样式和不同颜色重新绘制 VS Code 图标的示例 不使用

以不同的样式修改或重新绘制图标。

添加到 VS Code 图标的文本和背景示例 不使用

向图标添加文本、图像或背景。

VS Code 图标拉伸和变形的示例 不使用

拉伸图标、更改图标的纵横比或使“鱼”变形。

颜色

我们的调色板

 
CMYK (71, 35, 0, 0)
RGB (0, 152, 255)
#0098FF
 
CMYK (83, 47, 0, 0)
RGB (0, 122, 204)
#007ACC
 
CMYK (93, 61, 5, 0)
RGB (0, 101, 169)
#0065A9
 
CMYK (3, 2, 2, 0)
RGB (243, 243, 243)
#F3F3F3
 
CMYK(67、60、59、44)
RGB(68、68、68)
#444444
 
CMYK(72、66、63、70)
RGB(37、37、38)
#252526

品牌

我们可以接受的事情

好的

请在第一个实例中使用“Visual Studio Code”。

好的

请注意正确的大小写和空格(请不要说“vscode”、“VSCode”、“VSC”或“Code”)。

好的

如果您需要区分 Web 和桌面,请将 Web 客户端称为“VS Code for the Web”,将桌面客户端称为“VS Code Desktop”。

我们不满意的事情

不好

在您的网站、产品、服务或域名中使用产品名称(Visual Studio Code 或 VS Code)。

不好

为您的产品、应用程序或项目命名任何暗示 Microsoft 或 Visual Studio Code 团队认可的内容。

您是否为 Visual Studio Code 制作内容(扩展、培训材料等)?

如果是这样,如果您想表明内容针对 Visual Studio Code 进行了优化、与 Visual Studio Code 相关或可与 Visual Studio Code 配合使用,请在命名内容时使用以下格式:

好的

正确: Visual Studio Code 的 [我的扩展名]

不好

错误: Visual Studio Code [我的扩展名称]

问品牌问题

需要联系的品牌问题:

  1. 当您想使用本页未包含的艺术品时。
  2. 当您想在视频或主流媒体中使用图像时。
  3. 当您想要以这些准则不允许的任何方式使用 Visual Studio Code 或 VS Code 名称或图标时。
  4. 当您对这些指南有疑问时。

将您的品牌问题发送至 microsoft.com上的vscode或在 Twitter @code上发送消息。

Visual Studio Code、VS Code 和 Visual Studio Code 图标是 Microsoft Corporation 的商标。版权所有。