图标与名称使用指南

关于使用 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%。

 

我们允许的操作

OK

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

OK

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

我们允许的操作

Not OK

使用该图标来标识或宣传您自己的产品、服务、应用程序、VS Code 扩展、博客、播客、新闻简报、视频、频道等。

Not OK

以任何方式使用我们的图标,将您的产品与 Microsoft 或其品牌挂钩。

Not OK

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

Not OK

将 VS Code 图标集成到您的品牌 Logo 中。

Not OK

将该图标作为 Visual Studio Code 或其他品牌的组合标识(例如,请勿将图标与“Visual Studio Code”名称并排作为 Logo 使用)。

Not OK
创建该图标的修改版本,例如:
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

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

我们允许的操作

Not OK

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

Not OK

为您自己的产品、应用程序或项目命名,暗示得到 Microsoft 或 Visual Studio Code 团队的认可。

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

如果是,且您想表明您的内容是为 Visual Studio Code 优化、与其相关或可与其配合使用,请在命名时遵循以下格式:

OK

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

Not OK

错误示例: Visual Studio Code [My Extension Name]

在 VS Code 中打开

OK

操作标签格式应为 "<action> in VS Code"。将 <action> 替换为 Open(打开)、Create(创建)或 Edit(编辑),以符合用户的具体场景。
例如,“Open in VS Code”或“Edit in VS Code for the Web”。

OK

如果您需要区分 Web 版和桌面版,请使用批准的品牌名称“VS Code for the Web”和“VS Code Desktop”。

OK
请使用以下按钮格式

Image of a button to Open in VS Code

在 VS Code 中打开

当仅有一种方式在 VS Code 中打开文件/项目时,使用此选项。


Image of a button to Open in VS Code for the Web

Open in VS Code for the Web

当表示文件/项目在 VS Code for the Web 中打开时,使用此选项。


Image of a button with multiple options to Open in VS Code

在 VS Code 中打开的多个选项

当提供在 VS Code for the Web 或 VS Code Desktop 中打开文件/项目的选项时,使用此选项。

Not OK

请勿缩写产品名称或使用替代措辞。例如,请勿使用“Open in VS Code (Web)”或“Launch in VS Code (Desktop)”。

品牌咨询

涉及以下情况请进行品牌咨询:

  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 的商标。保留所有权利。

© . This site is unofficial and not affiliated with Microsoft.