參加你附近的 ，瞭解 VS Code 中的 AI 輔助開發。

圖示和名稱使用指南

您需要了解的有關 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

…或復古圖示

圖示使用

Logo 間距

VS Code icon with proper spacing shown

確保圖示周圍與其最近邊緣的清除空間量相當於“魚”圖案的 25% 比例。

 

我們允許的情況

OK

在有關 Visual Studio Code 的文件或教程（文字和影片格式）、部落格文章、新聞文章中使用圖示。

OK

使用圖示連結到我們的網站 (code.visualstudio.com)。

我們不允許的情況

不允許

使用圖示來識別或推廣您自己的產品、服務、應用程式、VS Code 擴充套件、部落格、播客、時事通訊、影片、頻道等。

不允許

以任何方式使用我們的圖示將您的產品與 Microsoft 或其品牌關聯起來。

不允許

銷售帶有我們圖示的商品或其他產品。

不允許

將 VS Code 圖示整合到您的 Logo 中。

不允許

將圖示用作 Visual Studio Code 或其他品牌的鎖定組合（例如，請勿將圖示用作與“Visual Studio Code”名稱搭配的 Logo）。

不允許
建立圖示的修改版本，例如
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”。

我們不允許的情況

不允許

在您的網站、產品、服務或域名中使用產品名稱——Visual Studio Code 或 VS Code。

不允許

將您的產品、應用程式或專案命名為任何暗示 Microsoft 或 Visual Studio Code 團隊認可的名稱。

您是否為 Visual Studio Code 製作內容（擴充套件、培訓材料等）？

如果是，如果您想表明您的內容已針對 Visual Studio Code 進行了最佳化、與之相關或相容，請在使用以下格式命名您的內容

OK

正確：[我的副檔名稱] for Visual Studio Code

不允許

不正確：Visual Studio Code [我的副檔名稱]

在 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

在 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 中開啟檔案/專案的選項。

不允許

請勿縮寫或使用產品名稱的替代措辭。例如，請勿使用“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 的商標。保留所有權利。