🚀 在 VS Code 中免費取得

圖示和名稱使用指南

您需要了解關於使用 Visual Studio Code 和 VS Code 圖示與名稱的所有資訊。

圖示

正確的圖示

VS Code icon

Visual Studio Code「穩定版」圖示

藍色圖示代表 Microsoft Visual Studio Code,應在任何適當的地方使用。

VS Code icon (white)

替代圖示

在對比度不足時使用白色變體 (例如,在藍色背景上)。

Download icon pack 下載圖示 包含 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 擴充功能、部落格、Podcast、電子報、影片、頻道等。

Not OK

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

Not OK

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

Not OK

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

Not OK

將圖示作為 Visual Studio Code 或其他品牌的鎖定標誌使用 (例如,請勿將圖示作為與「Visual Studio Code」名稱配對的標誌使用)。

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

如果您需要區分網頁版和桌面版,請將網頁用戶端稱為「VS Code 網頁版」,將桌面用戶端稱為「VS Code 桌面版」。

我們允許的事項

Not OK

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

Not OK

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

您是否為 Visual Studio Code 製作內容 (擴充功能、訓練教材等)?

如果是,如果您想表示您的內容是針對 Visual Studio Code 最佳化、相關或適用於 Visual Studio Code,請在命名您的內容時使用以下格式

OK

正確: [我的擴充功能名稱] for Visual Studio Code

Not OK

錯誤: 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 的商標。保留所有權利。