图标和名称使用指南
关于使用Visual Studio Code和VS Code图标及名称的一切你需要知道的内容。
图标
正确的图标
Visual Studio Code “稳定版”图标
蓝色图标代表Microsoft Visual Studio Code,应在适当的地方使用。
备用图标
仅在没有足够对比度的情况下使用白色变体(例如,在蓝色背景上)。
错误的图标
请不要使用这些图标:
不要使用绿色图标(VS Code Insiders),或橙色图标(VS Code Exploration)…
…或者应用程序图标…
…或复古图标
图标使用
Logo间距
确保图标周围与其最近边缘的清理空间量相当于“鱼”图案的25%比例。
我们接受的事情
在文档或教程(包括文本和视频格式)、博客文章、关于Visual Studio Code的新闻文章中使用图标。
使用图标链接到我们的网站 (code.visualstudio.com).
我们不接受的事情
使用图标来识别或推广您自己的产品、服务、应用程序、VS Code扩展、博客、播客、新闻通讯、视频、频道等。
使用我们的图标以任何方式将您的产品与微软或其品牌关联。
销售带有我们图标的商品或其他产品。
将VS Code图标集成到您的徽标中。
使用图标作为Visual Studio Code或其他品牌的锁定(例如,不要将图标与“Visual Studio Code”名称一起用作徽标)。
修改或以不同风格重新绘制图标。
向图标添加文本、图像或背景。
拉伸图标,改变图标的宽高比,或使“鱼”变形。
颜色
我们的调色板
RGB (0, 152, 255)
#0098FF
RGB (0, 122, 204)
#007ACC
RGB (0, 101, 169)
#0065A9
RGB (243, 243, 243)
#F3F3F3
RGB (68, 68, 68)
#444444
RGB (37, 37, 38)
#252526
品牌名称
我们接受的事情
请在第一个实例中使用“Visual Studio Code”。
注意正确的大小写和间距(请不要说“vscode”、“VSCode”、“VSC”或“Code”)。
如果您需要区分网页版和桌面版,请将网页客户端称为“VS Code for the Web”,桌面客户端称为“VS Code Desktop”。
我们不接受的事情
在您的网站、产品、服务或域名中使用产品名称——Visual Studio Code 或 VS Code。
为您的产品、应用程序或项目命名时,不要使用任何暗示微软或Visual Studio Code团队认可的名称。
你是否为Visual Studio Code制作内容(扩展、培训材料等)?
如果是这样,当您命名内容时,如果您想表明它是为Visual Studio Code优化的、相关的或与之兼容的,请使用以下格式:
正确: [My Extension Name] for Visual Studio Code
错误: Visual Studio Code [我的扩展名称]
询问品牌问题
品牌相关问题咨询:
- When you want to use artwork not included in this page.
- When you want to use images in a video or mainstream media.
- When you want to use the Visual Studio Code or VS Code names or icons in any way not allowed under these guidelines.
- When you have questions about these guidelines.
将您的品牌问题发送至 vscode at microsoft.com 或在 Twitter 上发送消息 @code。
法律
Visual Studio Code、VS Code 和 Visual Studio Code 图标是微软公司的商标。保留所有权利。