现已发布!阅读 10 月份的新功能和修复。

图标和名称使用指南

关于使用 Visual Studio Code 和 VS Code 图标和名称的所有你需要知道的。

图标

正确的图标

VS Code icon

Visual Studio Code “稳定版” 图标

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

VS Code icon (white)

备用图标

仅在没有足够对比度的情况下(例如,在蓝色背景上)使用白色变体。

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

错误的图标

请不要使用这些图标

Do not use: VS Code 'insiders' or 'exploration' icons (green and orange respectively) Do not use

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

Do not use: VS Code app icon (for example the macOS app icon) Do not use

... 也不要使用应用图标...

Do not use: older VS Code logos and/or app icons Do not use

... 或旧版图标

图标使用

徽标间距

VS Code icon with proper spacing shown

确保图标周围的空白区域从其最近边缘到边缘等于“鱼”图案的 25% 缩放比例。

 

我们允许的事情

可以

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

可以

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

我们不允许的事情

不可以

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

不可以

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

不可以

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

不可以

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

不可以

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

不可以
创建修改后的图标版本,例如
Example of a VS Code icon re-drawin in a different style and with different colors Do not use

以不同风格修改或重新绘制图标。

Example of text and background added to the VS Code icon Do not use

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

Example of the VS Code icon stretched and transformed Do not use

拉伸图标、更改图标的长宽比或扭曲“鱼”。

颜色

我们的调色板

 
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 进行了优化、与之相关或适用于它,请在命名内容时使用以下格式。

可以

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

不可以

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

询问品牌问题

要联系的品牌问题

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

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

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