图标和名称使用指南

关于使用Visual Studio Code和VS Code图标及名称的一切你需要知道的内容。

图标

正确的图标

VS Code icon

Visual Studio Code “稳定版”图标

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

VS Code icon (white)

备用图标

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

Download icon pack Download the icons Includes PNG and SVG files

错误的图标

请不要使用这些图标:

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

…或复古图标

图标使用

Logo间距

VS Code icon with proper spacing shown

确保图标周围与其最近边缘的清理空间量相当于“鱼”图案的25%比例。

 

我们接受的事情

OK

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

OK

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

我们不接受的事情

Not OK

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

Not OK

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

Not OK

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

Not OK

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

Not OK

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

Not OK
Creating a modified version of the icon, for example:
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

品牌名称

我们接受的事情

OK

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

OK

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

OK

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

我们不接受的事情

Not OK

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

Not OK

为您的产品、应用程序或项目命名时,不要使用任何暗示微软或Visual Studio Code团队认可的名称。

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

如果是这样,当您命名内容时,如果您想表明它是为Visual Studio Code优化的、相关的或与之兼容的,请使用以下格式:

OK

正确: [My Extension Name] for Visual Studio Code

Not OK

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

询问品牌问题

品牌相关问题咨询:

  1. When you want to use artwork not included in this page.
  2. When you want to use images in a video or mainstream media.
  3. When you want to use the Visual Studio Code or VS Code names or icons in any way not allowed under these guidelines.
  4. When you have questions about these guidelines.

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

Visual Studio Code、VS Code 和 Visual Studio Code 图标是微软公司的商标。保留所有权利。