圖示和名稱使用指南
您需要了解關於使用 Visual Studio Code 和 VS Code 圖示與名稱的所有資訊。
圖示
正確的圖示
Visual Studio Code「穩定版」圖示
藍色圖示代表 Microsoft Visual Studio Code,應在任何適當的地方使用。
替代圖示
僅在對比度不足時使用白色變體 (例如,在藍色背景上)。
錯誤的圖示
請勿使用這些圖示

請勿使用綠色圖示 (VS Code Insiders) 或橘色圖示 (VS Code Exploration)…

…或應用程式圖示…

…或復古圖示
圖示使用方式
標誌間距

請確保圖示周圍從最近邊緣算起的淨空空間量,相當於「魚」主題 25% 的比例。
我們允許的事項
在關於 Visual Studio Code 的文件或教學課程 (文字和影片格式)、部落格文章、新聞報導中使用圖示。
使用圖示連結到我們的網站 (code.visualstudio.com)。
我們不允許的事項
使用圖示來識別或宣傳您自己的產品、服務、應用程式、VS Code 擴充功能、部落格、Podcast、電子報、影片、頻道等。
以任何方式使用我們的圖示,將您的產品與 Microsoft 或其品牌產生關聯。
銷售印有我們圖示的商品或其他產品。
將 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 網頁版」,將桌面用戶端稱為「VS Code 桌面版」。
我們不允許的事項
在您的網站、產品、服務或網域名稱中使用產品名稱 — Visual Studio Code 或 VS Code。
將您的產品、應用程式或專案命名為任何暗示 Microsoft 或 Visual Studio Code 團隊背書的名稱。
您是否為 Visual Studio Code 製作內容 (擴充功能、訓練教材等)?
如果是,如果您想表示您的內容是針對 Visual Studio Code 最佳化、相關或適用於 Visual Studio Code,請在命名您的內容時使用以下格式
正確: [我的擴充功能名稱] for Visual Studio Code
錯誤: Visual Studio Code [我的擴充功能名稱]
品牌問題諮詢
品牌問題諮詢
- 當您想要使用未包含在此頁面中的圖稿時。
- 當您想要在影片或主流媒體中使用圖片時。
- 當您想要以這些指南不允許的任何方式使用 Visual Studio Code 或 VS Code 名稱或圖示時。
- 當您對這些指南有疑問時。
將您的品牌問題發送至 vscode at microsoft.com,或在 Twitter 上發送訊息給 @code。
法務資訊
Visual Studio Code、VS Code 和 Visual Studio Code 圖示是 Microsoft Corporation 的商標。保留所有權利。